@charset "utf-8";/* reset*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:'微软雅黑','Microsoft YaHei',Arial,sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{color:#333;overflow-x:hidden;transition:all 0.3s;}
ul,ol,li{list-style:none;margin:0;padding:0;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5{font-weight:normal}
select::-ms-expand{display:none;} 
input,a{outline:none;}
a{color:#333333;text-decoration:none;outline:none;}
a:link{text-decoration:none;outline:none;}
a:visited{text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:#ed713e;outline:none;}
a:focus{outline:none;}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;}
.clear{clear:both;}
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.none{display:none;}
.hide{display:none;}
textarea{outline:none;}
table{border-spacing:0;}
/* 去除iPhone中默认的input样式 */
input,select,button{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button{cursor:pointer;}
.fixed:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fixed{*zoom:1}
/*end reset*/
@font-face {
    font-family: 'Geometric 415';
    src: url('fonts/Geometric415BT-BlackA.woff2') format('woff2'),
        url('fonts/Geometric415BT-BlackA.woff') format('woff'),
        url('fonts/Geometric415BT-BlackA.ttf') format('truetype'),
        url('fonts/Geometric415BT-BlackA.svg#Geometric415BT-BlackA') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}



/* CSS Document */
body{background-color:#fff;overflow-x:hidden;color:#000;font-size:14px;font-family:"微软雅黑";position:relative;min-width:320px;width:100%;}
#content{position:relative;}

.w1680{width:1680px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
@media screen and (max-width:1720px){
.w1680{width:1440px;}	
}
@media screen and (max-width:1520px){
.w1680{width:1300px;}	
}
@media screen and (max-width:1320px){
.w1680{width:1200px;}		
}
@media screen and (max-width:1220px){
.w1200{width:85%;padding:0 40px;}	
.w1680{width:auto;padding:0 40px;}	
}
@media screen and (max-width:1024px){
.w1680{padding:0 30px;}	
.w1200{padding:0 30px;}	
}
@media screen and (max-width:768px){
.w1680{padding:0 15px;}	
.w1200{width:90%;padding:0 15px;}	
}





/*header PC*/
.header{position:relative;z-index:99;}
.headTop .w1200{ position:relative;}
.header .logo{position:absolute;left:0;top:0;z-index:5;height:95px;line-height:95px;}
.header .logo img{max-width:100%;height:65px;}
.headTop{height:96px;background-color:#3e3e3e;color:#e3e3e3;font-size:16px;line-height:34px}
.headTop .tel{float:right;margin-top:30px;line-height:35px;padding:0 22px 0 44px;background:url(../images/top-tel.png) no-repeat left center;background-size:30px;}
.headTop .tel span{display:inline-block;font-size:16px;}
.headTop .tel .num{font-size:20px;padding-right:32px;background:url(../images/top-line2.png) no-repeat right center;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}
.headTop .cart{float:right;margin-top:30px}
.headTop .cart a{display:block;padding-left:49px;font-size:16px;color:#e3e3e3;background:url(../images/top-car.png) no-repeat left center;background-size:34px;}
.headTop .cart a:hover{color:#ed713e;}
.headTop .jingxiao{float:right;margin-top:30px;margin-left:20px}
.headTop .jingxiao a{display:block;padding-left:49px;font-size:16px;color:#e3e3e3;background:url(../images/top-link.png) no-repeat left center;background-size:34px;}
.headTop .jingxiao a:hover{color:#ed713e;}
/*search*/
.header .search{position:relative;z-index:3;float:right;margin-top:11px;width:18px;height:30px;background:url(../images/top-search.png) no-repeat right center;background-size:14px;}
.header .search:hover{background:none}
.searchBox{position:absolute;top:0;right:0;width:0;z-index:10;overflow:hidden;height:28px;line-height:28px;-webkit-opacity:0;opacity:0;filter:alpha(opacity=0);border:1px solid #cacaca;background-color:#fff}
.searchBox input{display:block;float:left;height:28px;line-height:28px;color:#666;border:none;background:none;font-size:14px}
.searchBox input[type="text"]{padding-left:10px;width:129px}
.searchBox input[type="submit"]{width:18px;cursor:pointer;background:url(../images/top-search.png) no-repeat right center;background-size:14px;}
/*yiji*/
.navPc{height:53px;background:#fff;filter:alpha(opacity=95);opacity:0.95}
.navPc ul{float:right;margin-right:60px}
.navPc ul li{float:left;height:52px;position:relative;background:url(../images/top-line.jpg) no-repeat right center;}
.navPc ul li > a{display:block;height:52px;line-height:52px;padding:0 28px;color:#000;font-size:14px}
.navPc ul li:hover,.navPc ul li.on{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.navPc ul li:hover > a,.navPc ul li.on > a{color:#ed713e;}
/*erji*/
.navmenu{position:absolute;left:50%;margin-left:-98px;top:52px;z-index:5;display:none;width:201px;background:url(../images/navmenubg.png) repeat 0 0;padding:7px 0 21px}
.navmenu a{display:block;height:41px;line-height:41px;color:#6d6d6d;font-size:14px}
.navmenu a i{width:75px;height:100%;display:inline-block}
.navmenu a:hover,.navmenu a.on{color:#171717;font-size:18px}
.navmenu a:hover i,.navmenu a.on i{background:url(../images/top-navi.png) no-repeat 52px center; background-size:15px;}
/**/
.navPc ul li .navmenu{padding:20px 0 21px;/*background:none !important;background-color:#fff !important;opacity:1 !important*/}
/*sanji*/
.navPc ul li .navmenu2-container{position:absolute;left:259px;padding:0}
.navPc ul li .navmenu2-container .navmenu{display:none !important;position:static;margin-left:0;box-shadow:20px 0 16px -10px rgba(0,0,0,0.12) inset}
.navPc ul li .navmenu2-container .navmenu a:hover{color:#ffbe71 !important;font-size:14px !important}
.navPc ul li .navmenu2-container .navmenu a{color:#666}
.navPc ul li .navmenu2-container .navmenu a i{width:40px !important;background:none !important}
.navPc ul li .navmenu2-container .navmenu-active{display:block !important}
.navPc ul li .navmenu3-container{position:absolute !important;padding:0;left:201px;top:0px}
.navPc ul li .navmenu3-container .navmenu{display:none !important;position:static;margin-left:0}
.navPc ul li .navmenu3-container .navmenu-active{display:block !important}
.navPc ul li:nth-last-of-type(1) .navmenu2-container,.navPc ul li:nth-last-of-type(2) .navmenu2-container{left:auto;right:156px}
.navPc ul li:nth-last-of-type(1) .navmenu2-container .navmenu,.navPc ul li:nth-last-of-type(2) .navmenu2-container .navmenu{box-shadow:-20px 0 16px -10px rgba(0,0,0,0.12) inset}
.navPc ul li:nth-last-of-type(1) .navmenu3-container,.navPc ul li:nth-last-of-type(2) .navmenu3-container{left:auto;right:201px}
@media screen and (max-width:1050px){
.header{display:none;}
}

/*mobileMenu*/
.mheader{height:60px;position:fixed;z-index:10;width:100%;display:none;left:0px;top:0px;}
.mheader.bianse{-webkit-box-shadow: 0 0 1px 1px rgba(34,45,57,0.15);box-shadow: 0 0 1px 1px rgba(34,45,57,0.15); background:#fff;}

.mheader{ display:none; min-width:320px;}
/*@media screen and (max-width:1199px){html{font-size:10px}}
@media screen and (min-width:360px){html{font-size:11.25px}}
@media screen and (min-width:375px){html{font-size:11.71875px}}
@media screen and (min-width:414px){html{font-size:12.9375px}}
@media screen and (min-width:480px){html{font-size:15px}}
@media screen and (min-width:640px){html{font-size:20px}}*/
@media screen and (max-width:1050px){
/*mheader*/
.mheader {position: fixed;}
.mheader .head_content{position:absolute;}
.mheader,
.mheader .head_content{height:60px;top:0;width:100%;left:0;z-index:999;display:block;background:#3e3e3e;}
/*mlogo*/
.mheader .mlogo{float:left;height:50px;margin-top:5px;margin-left:1.5%;display:inline-block;vertical-align: middle}
.mheader .mlogo img{max-width:100%;height:50px;}
/*mlink*/
.mheader .mlink{float:right;margin-top:15px;display:inline-block;vertical-align: middle}
.mheader .mlink a{display:block;float:left;width:30px;margin-right:10px;}
.mheader .mlink a img{width:100%;max-height:100%;max-width:100%;}


/*menu*/
.mheader .menu{ padding-right:1.5%; padding-left:1.5%; height:100%;}
.mheader .menu a {display: inline-block;width:30px;height:30px;position: relative;margin:15px 1.5% 0 0;}
.mheader .menu span {display: block;width:30px;height:2px;background:#fff;background-size: cover;transition: -webkit-transform .5s ease;transition: transform .5s ease;}
.mheader .menu .menu_top {position: absolute;top:5px;right:0}
.mheader .menu .menu_mid {position: absolute;top:15px;right:0;opacity:1}
.mheader .menu .menu_bot {position: absolute;top:25px;right:0}
.mheader .show .menu .menu_top {-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);-webkit-transform-origin: center;transform-origin: center;top:12px;}
.mheader .show .menu .menu_mid {opacity:0}
.mheader .show .menu .menu_bot {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);-webkit-transform-origin: center;transform-origin: center;top:12px;}



/*m-navBox*/
.mheader .m-navBox {width:100%;position: absolute;top:0;left:0;background-color: #fff;display:none;height:100vh;overflow:auto}
/*m yiji*/
.mheader .m-navBox .m-navul {padding:70px 3%;}
.mheader .m-navBox .m-navul>li{width: 100%;}
.mheader .m-navBox .m-navul>li>a {display: block;width: 100%;height:60px;line-height:60px;border-bottom: 1px solid #edf2fa;color:#000;font-size:20px;position: relative;}
.mheader .m-navBox .m-navul>li>a>i {width: .16rem;height: .16rem;margin: .36rem .18rem 0 .1rem; display:none;}
.mheader .m-navBox .m-navul>li>a>i.m-active {background: url(../images/dot.png) no-repeat;background-size: cover;}
.mheader .m-navBox .m-navul>li>a>span.m-active {background: url(../images/reduce.png) center no-repeat;background-size:20px}
.mheader .m-navBox .m-navul>li>a>span {display: inline-block;width: 30px;height: 30px;margin-top: 10px;margin-right: 10px;background: url(../images/plus.png) no-repeat center ;background-size:20px;}
/*m erji*/
.mheader .m-navBox .m-subul {margin: 0;display: none}
.mheader .m-navBox .m-subul>li {height:50px;line-height:50px;}
.mheader .m-navBox .m-subul>li a{color:#848484;font-size:18px;}
.mheader .m-navBox .m-subul>li span {display:none;}
/*cur*/
.mheader .m-navBox .m-navul>li>.a1.cur{color:#ed713e;font-weight:bold;}
/*m show*/
.menu_show,
.menu_show body {overflow: hidden}
.menu_show body {position: relative;height: 100%}
}
@media screen and (max-width:1024px){
.mheader .m-navBox .m-navul {padding:70px 3%;}
.mheader .m-navBox .m-navul>li>a{height:50px;line-height:50px;font-size:18px;}
.mheader .m-navBox .m-navul>li>a>span.m-active {background-size:18px}
.mheader .m-navBox .m-navul>li>a>span {width: 30px;height: 30px;margin-top: 10px;margin-right:10px;background-size:18px;}
.mheader .m-navBox .m-subul>li {height:45px;line-height:45px;}
.mheader .m-navBox .m-subul>li a{font-size:16px;}
}
@media screen and (max-width:992px){
.mheader .m-navBox .m-navul>li>a{font-size:16px;}
.mheader .m-navBox .m-subul>li a{font-size:14px;}
.mheader .m-navBox .m-navul>li>a>span.m-active {background-size:16px}
.mheader .m-navBox .m-navul>li>a>span {background-size:16px;}
}
@media screen and (max-width:768px){
/*.mheader,
.mheader .head_content{height:0.9375rem;}
.mheader .mlogo{margin-top:0.078125rem;}
.mheader .mlogo img{height:0.78125rem;}
.mheader .mlink{margin-top:.12rem;}
.mheader .mlink a{width:0.46875rem;margin-right:0.15625rem}

.mheader .menu a {width:0.46875rem;height:0.46875rem;margin:0.2rem 1.5% 0 0;}
.mheader .menu span {width:0.46875rem;height:0.03125rem;}
.mheader .menu .menu_top {top:0.078125rem;}
.mheader .menu .menu_mid {top:0.234375rem;}
.mheader .menu .menu_bot {top:0.390625rem;}
.mheader .show .menu .menu_top {top:0.1875rem;}
.mheader .show .menu .menu_bot {top:0.1875rem;}

.mheader .m-navBox .m-navul {padding:1.09375rem 3%;}
.mheader .m-navBox .m-navul>li>a {height:0.9375rem;line-height:0.9375rem;font-size:0.3125rem;}
.mheader .m-navBox .m-navul>li>a>span.m-active {background-size:0.3125rem}
.mheader .m-navBox .m-navul>li>a>span{width:0.46875rem;height:0.46875rem;margin-top:0.15625rem;margin-right:0.15625rem;background-size:0.3125rem;}
.mheader .m-navBox .m-subul>li {height:0.78125rem;line-height:0.78125rem;}	
.mheader .m-navBox .m-subul>li a{font-size:0.28125rem;}*/
}













/*ind-banner*/
.bannershadow{background-color:#000;position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.ind-banner{width: 100%; overflow: hidden; position:relative;} 
.ind-banner h3{ position:absolute;right:5.5%; bottom:10%;  z-index:3;}
.ind-banner .shipin:after{ content:''; width:100%; height:100%;position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;background-image:url(../images/dot50.png); background-repeat:repeat;}
.ind-banner .swiper-slide { color: #fff; background:#000; } 
.ind-banner .swiper-slide .bannershadow{/* background:url(../images/dot50.png) repeat;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;*/filter:alpha(opacity=50); -moz-opacity:0.4; -khtml-opacity:0.5; opacity:0.5;}
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;position: relative; z-index:2;}
.ind-banner .swiper-slide .img{ display: block; width: 100%; height: 100%; position:relative; min-height:790px; height:73.14814814814815vh;}
.ind-banner .swiper-slide .img .shipin {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow:hidden;}
.ind-banner .swiper-slide .img video {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}

.ind-banner .swiper-pagination{width:50px;text-align:left; left:3%;top:50%; bottom:auto;-webkit-transform:translateY(-50%); transform:translateY(-50%);z-index:10; display:none;} 
.ind-banner .swiper-pagination-bullet {opacity: 1!important; width:30px; height:3px;background:#fff; cursor:pointer;text-align:center;border:none;border-radius:0;margin:10px 0px!important; } 
.ind-banner .swiper-pagination-bullet-active {width:50px;background:#fff;} 
.ind-banner .ban1 .txtDiv{ position: absolute; left: 12%; margin-left: 0px; top: 50%; height: 270px; margin-top: -135px;}
.ind-banner .ban1 .txt1{ font-size: 0.24rem; padding-bottom: 0.16rem; line-height: 0.24rem; color:#fff; position: relative;} 
.ind-banner .ban1 .txt2{ font-size: 0.52rem; color: #fff; font-weight: bold; text-transform: uppercase;} 
.ind-banner .ban1 .btnDiv{ text-transform: uppercase; margin-top: 0.25rem; width: 1.53rem; height: 0.38rem; font-weight: bold; border: #fff solid 2px; text-align: center; color: #fff; line-height: 0.38rem;}
.ind-banner .swiper-button-prev{position:absolute; top:50%;width:40px; height:40px;left: 3%; margin-top: -44px;/*background: url(../images/s1.png) center no-repeat;*/border-radius: 50%;opacity:0; filter:Alpha(opacity=0);    -webkit-transition: .2s ease-out;
    transition: .2s ease-out; background-size:30px; display:none;} 
.ind-banner .swiper-button-next{position:absolute; top:50%;width:40px; height:40px;right: 3%; margin-top: -44px;/*background: url(../images/s.png) center no-repeat;*/border-radius: 50%;opacity:0; filter:Alpha(opacity=0);    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;background-size:30px; display:none;} 
.ind-banner:hover .swiper-button-prev,
.ind-banner:hover .swiper-button-next{opacity:1; filter:Alpha(opacity=100);} 
.ind-banner .swiper-button-prev:hover,
.ind-banner .swiper-button-next:hover{width:45px; height:45px;}
@media screen and (max-width:1024px){
.ind-banner .swiper-slide .img img{position: absolute;top:50%; left:0; margin:auto auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
}
@media screen and (max-width:992px){
/*	.ind-banner{ display:none;}
	.bannerTel{ display:block;}*/
	
}
@media screen and (max-width:768px){
.ind-banner .swiper-slide .img{min-height:180px; height:640px;width:960px;}
.ind-banner h3 img{ width:8px;}
.ind-banner .shipin:before{display:block;content: "";position: absolute;width:35px;height:35px;left: 4.5%;top: 80%;margin-top:-15px;background:url(../images/v-btn.png) no-repeat center center;background-size:100%;}
}
@media screen and (max-width:640px){
.ind-banner .swiper-slide .img{height:100vw;}
.ind-banner .swiper-slide .img img{ width:150vw;}
.ind-banner h3 img{ width:6px;}
.ind-banner .shipin:before{/*width:4.6875vw;height:4.6875vw;margin-top:-2.34375vw;*/}
}


/*ind-banner .title*/
.ind-banner .titleWzBox{position: absolute;top:50%;left:0;right:0; margin:0 auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;z-index:1;}
.ind-banner  .indexT{ text-align:left; position:relative;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.ind-banner  .indexT .cn{ color:#fff;font-size:76px;padding-bottom:0.8%;padding-top:1.2%; position:relative;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.ind-banner  .indexT .tt1{color:#cecfd0; font-size:18px; font-weight:100;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.ind-banner  .indexT .en{ color:#fff; font-size:20px;letter-spacing:-1px; text-transform:uppercase;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;padding-right:37px;background-image:url(../images/page3-line.png); background-position:right center; background-repeat:no-repeat; background-size:24px;}
.ind-banner  .indexT .wz{ color:#fff; font-size:30px;max-width:100%;padding-bottom:5%;}
.ind-banner  .indexT .line{width:84px;height:5px;background:#5761fd;margin-top:17px;}
.ind-banner  .btn-view{ margin-top:0;}
@media screen and (max-width:1680px) {
.ind-banner  .indexT .cn{font-size:72px;}
.ind-banner  .indexT .tt1{font-size:17px;}
.ind-banner  .indexT .en{font-size:19px;}
.ind-banner  .indexT .wz{font-size:28px;}
.ind-banner  .indexT .line{width:80px;height:5px;margin-top:16px;}
}
@media screen and (max-width:1520px) {
.ind-banner  .indexT .cn{font-size:70px;}
.ind-banner  .indexT .tt1{font-size:16px;}
.ind-banner  .indexT .en{font-size:18px;}
.ind-banner  .indexT .wz{font-size:26px;}
.ind-banner  .indexT .line{width:75px;height:4px;margin-top:15px;}
}
@media screen and (max-width:1320px) {
.ind-banner  .indexT .cn{font-size:65px;}
.ind-banner  .indexT .tt1{font-size:16px;}
.ind-banner  .indexT .en{font-size:18px;letter-spacing:0px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:75px;height:4px;margin-top:15px;}	
}
@media screen and (max-width:1220px) {
.ind-banner  .indexT .cn{font-size:60px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:70px;height:3px;margin-top:13px;}	
}
@media screen and (max-width:1024px) {
.ind-banner  .indexT .cn{font-size:55px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:60px;height:2px;margin-top:10px;}	
}
@media screen and (max-width:992px) {
.ind-banner  .indexT .cn{font-size:50px;}
.ind-banner  .indexT .wz{font-size:20px;}
.ind-banner  .indexT .line{width:50px;}
}
@media screen and (max-width:768px) {
.ind-banner  .indexT{}
.ind-banner  .indexT .cn{font-size:40px;}
.ind-banner  .indexT .wz{font-size:18px;}
.ind-banner  .indexT .tt1{font-size:14px;}
.ind-banner  .indexT .en{font-size:16px;letter-spacing:0px;}

.ind-banner  .indexT .line{width:30px;height:2px;margin-top:10px;}
}
@media screen and (max-width:640px) {
.ind-banner  .indexT .cn{font-size:30px;}
.ind-banner  .indexT .wz{font-size:16px;}
.ind-banner  .indexT .tt1{font-size:12px;}
.ind-banner  .indexT .en{font-size:14px;letter-spacing:0px;}
}
@media screen and (max-width:551px) {
.ind-banner  .indexT .cn{font-size:28px;padding-top:1.2%;padding-bottom:0%;}
.ind-banner  .indexT .wz{padding-bottom:3%;}
.ind-banner  .indexT .wz{font-size:14px;}

}
@media screen and (max-width:430px) {
.ind-banner  .indexT .cn{font-size:26px;padding-top:1.2%;}
.ind-banner  .indexT .wz{padding-bottom:3%;}
}


/*btn-view2*/
.btn-view2{ text-align:left; margin-top:20px;}
.btn-view2 a{ display:inline-block!important;color: #fff;cursor: pointer;font-size:16px;font-weight: 400;line-height:46px;padding:0 22px;position: relative;text-decoration: none;background:#ed713e;overflow:hidden;border-radius:50px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;text-align:left; text-transform:uppercase;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; width:122px!important;}
.btn-view2 a span{display:block;-webkit-transition:all .4s;transition:all .4s}
.btn-view2 a:after{content:"";position:absolute;height:100%;width:30px; right:22px;top:0;background-image:url(../images/index-m.png);background-position:center center;background-repeat:no-repeat; background-size:29px;-webkit-transition:all .4s;transition:all .4s}
.btn-view2 a:hover{color:#fff;background:#fa9040;}
.btn-view2 a:hover:after{right:10px;}
@media screen and (max-width:1220px) {
.btn-view2{margin-top:20px;}
}
@media screen and (max-width:1024px) {
.btn-view2{margin-top:15px;}	
.btn-view2 a{font-size:14px;width:135px!important;line-height:40px;}	
}
@media screen and (max-width:992px) {
.btn-view2{margin-top:15px;}
.btn-view2 a{font-size:14px;width:130px!important;line-height:40px;}
}
@media screen and (max-width:768px) {
.btn-view2 a{font-size:14px;width:100px!important;line-height:40px;}
.btn-view2 a:after{background-size:20px;}
}




/*indexTit*/
.indexTit{height:auto;overflow:hidden;text-align:left;}
.indexTit a{display:inline-block}
.indexTit a b{font-weight:normal;color:#000;display:block;font-size:30px;margin-top:4px}
.indexTit a span{color:#f4f4f7;display:block;font-size:40px;padding-left:0;text-transform:uppercase;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}
@media screen and (max-width:1220px){
.indexTit a b{font-size:28px;}
.indexTit a span{font-size:36px;}
}
@media screen and (max-width:992px){
.indexTit a b{font-size:24px;}
.indexTit a span{font-size:32px;}
}
@media screen and (max-width:768px){
.indexTit a b{font-size:0.375rem;}
.indexTit a span{font-size:0.5rem;}
}


/*indexAbout*/
.indexAbout{height:auto;overflow:hidden;padding:100px 0 100px;background:url(../images/index-abbg.jpg) no-repeat center top #e3e3e3;background-size:cover;}
.aboutBox{height:535px;overflow:hidden;position:relative}
.aboutBoxImg{float:right;width:782px;height:535px;margin-right:1px}
.aboutBoxImg img{width:100%;height:100%}
.aboutBoxImg img:hover{filter:alpha(opacity=70);opacity:0.7;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.aboutBoxText{position:absolute;left:0;bottom:0;z-index:5;width:482px;height:434px;background-color:#fff}
.aboutBoxText .indexTit{padding:73px 0 45px;text-align:left}
.aboutBoxText .indexTit a b{color:#555}
.aboutBoxText .indexTit a:hover b,
.aboutBoxText .indexTit a:hover span{color:#ed713e}
.aboutBoxText .aboutBoxDiv{padding:0 94px 0 57px;}
.aboutBoxText .aboutBoxDiv .aboutBoxInfo{color:#474f62;line-height:32px; font-size:15px;}
/*checkMore*/
.checkMore{display:block;position:absolute;left:418px;bottom:0;z-index:10;width:124px;height:114px;font-size:15px;text-align:center;background-color:#ed713e;}
.checkMore span{ display:block;background:url(../images/index-ab-video.png) no-repeat center top;padding-top:35px;background-size:24px;margin-top:35px;color:#fff;}
.checkMore:hover{filter:alpha(opacity=70);opacity:0.7;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;color:#fff;}
/*aboutList*/
.indexaboutList{margin-top:11px;height:227px}
.indexaboutList ul{ margin:0 -6.5px;}
.indexaboutList li{float:left;margin-top:7px;width:25%;}
.indexaboutList li .item{margin:0 6.5px;height:227px;position:relative;}
.indexaboutList li .item .text{width:100%;height:100%;text-align:center;background-color:#fff}
.indexaboutList li .item .text a{display:block}
.indexaboutList li .item .text a img{display:block;margin:0 auto;padding:56px 0 22px; max-width:52px;}
.indexaboutList li .item .text a div{color:#444;font-size:20px}
.indexaboutList li .item .text a p{color:#a7a7a7;font-size:16px;text-transform:capitalize;margin-top:4px}
.indexaboutList li .item .img{position:absolute;left:0;bottom:0;z-index:5;width:100%;height:100%;filter:alpha(opacity=0);opacity:0}
.indexaboutList li .item .img a{display:block}
.indexaboutList li .item .img img{width:100%;height:100%}
.indexaboutList li .item .img p{position:absolute;left:0;bottom:0;z-index:10;width:100%;height:53px;line-height:53px;overflow:hidden;color:#fff;font-size:16px;text-align:center;background:url(../images/bg90.png) repeat 0 0}
.indexaboutList li:hover .img{background:#fff;filter:alpha(opacity=100);opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
@media screen and (max-width:1220px){
.aboutBoxText{width:465px;height:340px;}
.aboutBoxText .indexTit{padding:60px 0 30px;}
.aboutBoxText .aboutBoxDiv{padding:0 84px 0 45px;}
.aboutBoxText .aboutBoxDiv .aboutBoxInfo{line-height:30px; font-size:14px;}
.checkMore{left:418px;width:100px;height:100px;font-size:14px;}
.checkMore span{ padding-top:35px;background-size:24px;margin-top:35px;}
.indexaboutList{margin-top:11px;height:200px}
.indexaboutList ul{ margin:0 -5px;}
.indexaboutList li{margin-top:7px;width:25%;}
.indexaboutList li .item{margin:0 5px;height:200px;}
.indexaboutList li .item .text a img{padding:56px 0 22px;max-width:45px;}
.indexaboutList li .item .text a div{font-size:18px}
.indexaboutList li .item .text a p{font-size:14px;margin-top:4px}
.indexaboutList li .item .img p{height:50px;line-height:50px;}
}
@media screen and (max-width:992px){
.aboutBox{ height:auto;}
.aboutBoxText{width:100%;height:auto; padding-bottom:40px; position:relative;}
.aboutBoxText .indexTit{padding:30px 0 10px;}
.aboutBoxImg{float:none;width:100%;height:auto; margin-right:0;}
.aboutBoxText .aboutBoxDiv{padding:0 124px 0 30px;}
.aboutBoxText .aboutBoxDiv .aboutBoxInfo{line-height:24px; font-size:12px;}
.checkMore{left:auto; right:0;width:104px;height:104px;font-size:14px;}
.indexaboutList li .item .text a img{padding:40px 0 15px;max-width:40px;}
.indexaboutList li .item{height:160px;}
.indexaboutList li .item .text a div{font-size:16px}
.indexaboutList li .item .img p{height:40px;line-height:40px;font-size:14px;}
}
@media screen and (max-width:768px){
.indexAbout {padding:1.25rem 0 1.25rem;}
.aboutBoxText .indexTit {padding:0.46875rem 0 0.15625rem;}
.aboutBoxText .aboutBoxDiv {padding:0 1.9375rem 0 0.46875rem;}
/*.aboutBoxText .aboutBoxDiv .aboutBoxInfo {line-height:0.46875rem;font-size:0.21875rem;}*/
.checkMore {width:1.625rem;height:1.625rem;font-size:0.21875rem;}
.checkMore span {padding-top:0.546875rem;background-size:0.375rem;margin-top:0.546875rem;}

.indexaboutList{margin-top:0.171875rem; height:auto;}
.indexaboutList ul{ margin:0 -4px;}
.indexaboutList li .item{margin:0 4px; background:#fff;}
.indexaboutList li .item .text a img{padding:0.525rem 0 0.234375rem;max-width:0.625rem;}
.indexaboutList li .item{height:auto; padding-bottom:0.525rem;}
.indexaboutList li .item .text a div{font-size:0.25rem}
.indexaboutList li .item .img p{height:0.625rem;line-height:0.625rem;font-size:0.21875rem;}
}
@media screen and (max-width:500px){
.indexaboutList li .item{padding-bottom:0.325rem;}
}


/*indexProduct*/
.indexProduct{}
.indexProList{ font-size:0;}
.indexProList li{float:left;width:50%;}
.indexProList li .item{overflow:hidden;}
.indexProList li .item img{width:100%;height:100%}
.indexProList li,
.indexProList li .item img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.indexProList li:hover .item img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}



/*more*/
.btn-view{overflow: hidden;}
.btn-view a{display:block;color:#fff;font-size:14px;width:146px;line-height:40px;background:#3e3e3e;overflow: hidden;border-radius:5px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;text-align:center;}
.btn-view a:hover{ background:#ed713e;}
@media screen and (max-width:1220px) {
.btn-view a{font-size:12px;width:100px;}
}
@media screen and (max-width:1150px){
.btn-view a{font-size:12px;width:90px;line-height:35px;}
}
@media screen and (max-width:1050px){
.btn-view a{font-size:12px;width:80px;line-height:30px;}
}
@media screen and (max-width:768px) {
.btn-view a{font-size:12px;width:80px;line-height:30px;}
}










/*index-ys*/
.index-ys{z-index: 1;position: relative;padding-bottom:120px;background:#f7f7f7;}
/*index-ys-bd*/
.index-ys-hd .swiper-button-prev{display:none;transition: 0.4s;width:22px;height:20px;border-radius:50%; overflow:hidden;left: 0;top:50%;margin-top:-10px;background: url("../images/page-history-left.jpg") center center no-repeat;outline: none;}
.index-ys-hd .swiper-button-next{display:none;transition: 0.4s;width:22px;height:20px;border-radius:50%; overflow:hidden;right: 0;top:50%;margin-top:-10px;background: url("../images/page-history-right.jpg") center center no-repeat;outline: none;}
/**/
.index-ys-bd{padding:130px 0px 75px 0px;background-color:#f7f7f7; position:relative; z-index:1;}
.index-ys-bd .swiper-slide{ background:#f7f7f7;}
.index-ys-bd .swiper-slide .index-ysslide{height:400px;position:relative; overflow:hidden; background:#f7f7f7;}
.index-ys-bd .swiper-slide .index-ys-bd-wz{width:27.5%; position:absolute; left:10.25%;top:22.5%;}
.index-ys-bd .swiper-slide .index-ys-bd-wz .indexTit a span{color:#fff}
.index-ys-bd .swiper-slide .index-ys-bd-wz dl{margin-bottom:20px;margin-top:20px;color:#474f62;font-size:16px;line-height:32px;height:64px; overflow:hidden;}
.index-ys-bd .swiper-slide .index-ys-bd-pic{display: block;position: relative;width:62.25%;overflow: hidden; float:right;}
.index-ys-bd .swiper-slide .index-ys-bd-pic img{ width: 100%;height: 100%;object-fit: cover;}
.index-ys-bd .swiper-slide .index-ys-bd-wz .btn-view a{ margin:0;}
.index-ys-bd .swiper-pagination{ display:none;}
@media screen and (max-width:1220px){
	.index-ys{padding-bottom:100px;}
    .index-ys-bd{padding:95px 0px 55px 0px;}
    .index-ys-bd .swiper-slide .index-ys-bd-wz{width:30%;left:5%;top:10%;}
	.index-ys-bd .swiper-slide .index-ys-bd-wz dl{margin-bottom:15px;margin-top:15px;font-size:14px;line-height:30px;height:60px;}
	.index-ys-hd .swiper-button-prev,
	.index-ys-hd .swiper-button-next{display: block;}
}
@media screen and (max-width:1150px){
		.index-ys{padding-bottom:90px;}
        .index-ys-bd .swiper-slide .index-ys-bd-wz{width:30%;left:3%;top:5%;}
	    .index-ys-bd .swiper-slide .index-ys-bd-wz dl{margin-bottom:10px;margin-top:10px;font-size:13px;line-height:26px;height:52px;}
	
}
@media screen and (max-width:1050px){
		.index-ys{padding-bottom:80px;}
	 .index-ys-bd{padding:75px 0px 35px 0px;}
	 
	.index-ys-bd .swiper-slide .index-ys-bd-wz dl{margin-bottom:5px;margin-top:5px;font-size:12px;line-height:20px;height:40px; overflow:hidden;}
	 
	.index-ys-bd .swiper-pagination{position:relative; padding:30px 0 0; display:block;}
	.index-ys-bd .swiper-pagination-bullet{ width:10px; height:10px; background:#646464;margin:0 5px;opacity:1;}
	.index-ys-bd .swiper-pagination-bullet-active{ background:#ed713e; }
}
@media screen and (max-width:992px){
	 .index-ys{padding-bottom:70px;}
}
@media screen and (max-width:768px){
	 .index-ys {padding-bottom:0.78125rem;}

	 .index-ys-bd{padding:1.171875rem 0rem 0 0rem;}
	 .index-ys-bd .swiper-slide{ height:200px;}
	 .index-ys-bd .swiper-slide .index-ys-bd-wz{width:35%;left:0%;top:0%;}
	 
     .index-ys-bd .swiper-slide .index-ys-bd-wz dl {margin-bottom:0.078125rem;margin-top:0.078125rem;    line-height: 0.46875rem;font-size: 0.21875rem; height:0.9375rem;}

	
	.index-ys-bd .swiper-pagination {padding:0.46875rem 0 0;}
	.index-ys-bd .swiper-pagination-bullet {width:0.15625rem;height:0.15625rem;margin:0 0.078125rem;}
	

}
@media screen and (max-width:450px){
	 .index-ys-bd .swiper-slide{ height:160px;}
}


/*index-ystitBox*/
.index-ystitBox{ display:none;}
@media screen and (max-width:1050px){
.index-ystitBox{display:block; text-align:center;padding-top:50px; background:#fff;}
.index-ystitBox .indexTit{text-align:center;}

.serviceTab{text-align:center; margin-top:30px;}
.serviceTab li{display:inline-block;*display:inline;zoom:1;width:120px;line-height:20px;margin-bottom:50px;border-right:1px solid #e0e0e0}
.serviceTab li a{color:#464646;font-size:20px;}
.serviceTab li a:hover{color:#f8af58;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;transition:All 0.2s ease}
.serviceTab li:last-child{border-right:none;}
}
@media screen and (max-width:768px){
.index-ystitBox{padding-top:0.78125rem;}
.serviceTab{margin-top:0.46875rem;}
.serviceTab li{width:30%;line-height:20px;line-height:normal;margin-bottom:.4rem;}
.serviceTab li a{font-size:0.3125rem;}

}



/*index-ys-hd*/
.index-ys-hd{position:relative;}
.index-ys-hd .swiper-container{padding:0;position: relative;}
.index-ys-hd .swiper-wrapper{margin:0 auto; padding:20px 0 0 0;}
.index-ys-hd .swiper-slide{position: relative;font-size:16px;color: #595959;text-align:left;cursor: pointer;}
.index-ys-hd .swiper-slide.swa{float:left;width:16.666666%;cursor:pointer; background-color:#ffffff;}
.index-ys-hd .swiper-slide.swa{height:165px;padding-top:50px;position:relative;display:block;color:#000;font-size:18px;text-align:center}
.index-ys-hd .swiper-slide.swa i{position:absolute;left:0;top:-10px;height:11px;width:100%;z-index:5;display:none;background:url(../images/jt.png) no-repeat center top;background-size:24px;}
.index-ys-hd .swiper-slide.swa div{height:45px;background-position:center top;background-repeat:no-repeat; background-size:45px;}
.index-ys-hd .swiper-slide.swa p{margin:30px 0 20px;font-size:20px;}
.index-ys-hd .swiper-slide.swa span{display:block;}
.index-ys-hd .swiper-slide.swa .line{display:block;margin:0 auto;width:18px;height:1px;background-color:#646464}
.index-ys-hd .swiper-slide.swa em{position:absolute;right:0;top:0;height:100%;width:1px;z-index:5;display:block;background:url(../images/indexspan.jpg) no-repeat left center}
.index-ys-hd .swiper-slide.swa .ys1{background-image:url(../images/index-fw-icon1.png)}
.index-ys-hd .swiper-slide.swa .ys2{background-image:url(../images/index-fw-icon2.png)}
.index-ys-hd .swiper-slide.swa .ys3{background-image:url(../images/index-fw-icon3.png)}
.index-ys-hd .swiper-slide.swa .ys4{background-image:url(../images/index-fw-icon4.png)}
.index-ys-hd .swiper-slide.swa .ys5{background-image:url(../images/index-fw-icon5.png)}
.index-ys-hd .swiper-slide.swa .ys6{background-image:url(../images/index-fw-icon6.png)}
.index-ys-hd .swiper-slide.swa.swiper-slide-active{background-color:#ed713e}
.index-ys-hd .swiper-slide.swa.swiper-slide-active{color:#fff}
.index-ys-hd .swiper-slide.swa.swiper-slide-active span{background-color:#fff}
.index-ys-hd .swiper-slide.swa.swiper-slide-active i{display:block}
.index-ys-hd .swiper-slide.swa.swiper-slide-active em{display:none}
.index-ys-hd .swiper-slide.swa.swiper-slide-active .ys1{background-image:url(../images/index-fw-icon1h.png)}
.index-ys-hd .swiper-slide.swa.swiper-slide-active .ys2{background-image:url(../images/index-fw-icon2h.png)}
.index-ys-hd .swiper-slide.swa.swiper-slide-active .ys3{background-image:url(../images/index-fw-icon3h.png)}
.index-ys-hd .swiper-slide.swa.swiper-slide-active .ys4{background-image:url(../images/index-fw-icon4h.png)}
.index-ys-hd .swiper-slide.swa.swiper-slide-active .ys5{background-image:url(../images/index-fw-icon5h.png)}
.index-ys-hd .swiper-slide.swa.swiper-slide-active .ys6{background-image:url(../images/index-fw-icon6h.png)}
.index-ys-hd .swiper-slide.swa:last-child em{display:none}
.mallbg{position:absolute;left:0;bottom:-27px;height:27px;width:100%;z-index:5;background:url(../images/mallbg.png) no-repeat center top}
@media screen and (max-width:1220px){
.index-ys-hd .swiper-wrapper{padding:15px 0 0 0;}
.index-ys-hd .swiper-slide{font-size:14px;}
.index-ys-hd .swiper-slide.swa{height:145px;padding-top:30px;font-size:16px;}
.index-ys-hd .swiper-slide.swa i{top:-10px;height:11px;background-size:20px;}
.index-ys-hd .swiper-slide.swa div{height:40px; background-size:40px;}
.index-ys-hd .swiper-slide.swa p{margin:25px 0 15px;font-size:18px;}
.index-ys-hd .swiper-slide.swa .line{width:16px;}
}
@media screen and (max-width:1150px){

.index-ys-hd .swiper-slide.swa{height:125px;padding-top:30px;font-size:14px;}
.index-ys-hd .swiper-slide.swa i{top:-10px;height:11px;background-size:18px;}
.index-ys-hd .swiper-slide.swa div{height:35px; background-size:35px;}
.index-ys-hd .swiper-slide.swa p{margin:20px 0 10px;font-size:16px;}
.index-ys-hd .swiper-slide.swa .line{width:14px;}
}
@media screen and (max-width:1050px) {
 .index-ys-hd{ display:none;}
}


/*indexTit2*/
.indexTit2{text-align:center;}
.indexTit2 a{display:inline-block}
.indexTit2 a span{font-size:30px;color:#f4f4f7;display:block;font-size:40px;padding-left:0;text-transform:uppercase;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}
.indexTit2 a b{color:#1a202c;font-size:40px; display:block;font-weight:normal;}
.indexWz{text-align:center;color:#474f62;font-size:16px; line-height:32px; padding-top:25px;padding-bottom:75px;}
@media screen and (max-width:1220px){
.indexTit2 a span{font-size:28px;}
.indexTit2 a b{font-size:36px;}
.indexWz{font-size:15px; line-height:30px; padding-top:20px;padding-bottom:70px;}
}
@media screen and (max-width:1150px){
.indexTit2 a span{font-size:26px;}
.indexTit2 a b{font-size:34px;}
.indexWz{font-size:14px; line-height:26px; padding-top:15px;padding-bottom:50px;}
}
@media screen and (max-width:992px){
.indexTit2 a span{font-size:24px;}
.indexTit2 a b{font-size:32px;}
.indexWz{font-size:12px; line-height:24px; padding-top:10px;padding-bottom:40px;}
}
@media screen and (max-width:768px){
.indexTit2 a span{font-size:0.375rem;}
.indexTit2 a b{font-size:0.5rem;}
.indexWz {/*font-size:0.21875rem;line-height:0.40625rem;*/padding-top:0.15625rem;padding-bottom:0.625rem;}
}


/*indexCase*/
.indexCase{background:#fff; position:relative; padding-top:120px;padding-bottom:85px;}
/*imgbox-container*/
.indexCase .imgbox-container{overflow:hidden;width:100%}
.indexCase .img{position:relative;overflow:hidden; z-index:3;display:block;}
.indexCase .img a{ }
.indexCase .img img{width:100%;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.indexCase .text{width:94%;filter:Alpha(opacity=0);opacity:0;top:-60px;z-index:4; background:#fff; float:right;position:relative; display:block;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.indexCase .textNr{padding:30px 65px 0 55px;}
.indexCase .tit3{position:relative;display:inline-block;font-size:24px;color:#000; position:relative;padding-left:18px;margin-bottom:35px;}
.indexCase .tit3:before{content:"";position:absolute;width:5px;height:22px;left:0;top:6px;background:#ed713e;z-index:1; }
.indexCase .tit4{font-size:16px;color:#646464;line-height:30px; height:90px; overflow:hidden;}
.indexCase .swiper-slide .img:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;opacity:0.5;filter:Alpha(opacity=50);z-index:1;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.indexCase .swiper-slide{position:relative; margin-bottom:10px;}
.indexCase .swiper-slide.swiper-slide-active .text{filter:Alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px); }
.indexCase .swiper-slide.swiper-slide-active .img:before{filter:Alpha(opacity=0);opacity:0;}
.indexCase .swiper-slide .img:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;opacity:0.5;z-index:1;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.indexCase .swiper-slide:hover .img img{transform:scale(1.1)}
.indexCase .swiper-slide:hover .img:before{filter:Alpha(opacity=0);opacity:0;}
/*index-ys-bd*/
.indexCase .swiper-button{ position:relative; height:36px;}
.indexCase .swiper-button-prev{display:inline-block;transition: 0.4s;width:36px;height:36px;border-radius:50%;overflow:hidden;left:auto;right:50%;top:0; margin-right:8px;margin-top:0;background: url("../images/arrow-left.png") center center no-repeat;outline: none; background-size:100%;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.indexCase .swiper-button-next{display:inline-block;transition: 0.4s;width:36px;height:36px;border-radius:50%;overflow:hidden;right:auto;left:50%;top:0; margin-left:8px;margin-top:0;background: url("../images/arrow-right.png") center center no-repeat;outline: none; background-size:100%;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.indexCase .swiper-button-prev:hover,.indexCase .swiper-button-next:hover{filter:Alpha(opacity=100);opacity:1;}
.indexCase .swiper-button-prev.swiper-button-disabled,.indexCase .swiper-button-next.swiper-button-disabled{filter:Alpha(opacity=30);opacity:.3;}
.indexCase .text:hover .tit3{color:#ed713e;}
@media screen and (max-width:1220px){
.indexCase{padding-top:100px;padding-bottom:75px;}
.indexCase .text{top:-55px;}
.indexCase .textNr{padding:30px 60px 0 50px;}
.indexCase .tit3{font-size:22px;padding-left:18px;margin-bottom:35px;}
.indexCase .tit3:before{width:5px;height:22px;top:6px; }
.indexCase .tit4{font-size:15px;line-height:26px;height:78px;}
}
@media screen and (max-width:1150px){
.indexCase{padding-top:90px;padding-bottom:55px;}
.indexCase .text{top:-40px;}
.indexCase .textNr{padding:20px 50px 0 40px;}
.indexCase .tit3{font-size:20px;padding-left:18px;margin-bottom:35px;}
.indexCase .tit3:before{width:4px;height:22px;top:6px; }
.indexCase .tit4{font-size:14px;line-height:26px;height:78px;}
	
.indexCase .swiper-button{ position:relative; height:32px;}
.indexCase .swiper-button-prev,
.indexCase .swiper-button-next{width:32px;height:32px;}
}
@media screen and (max-width:992px){
.indexCase .tit3{font-size:18px;padding-left:16px;margin-bottom:30px;}
.indexCase .tit4{font-size:12px;line-height:24px;height:72px;}
}
@media screen and (max-width:768px){
.indexCase {padding-top:1.40625rem;padding-bottom:0.859375rem;}
.indexCase .text {top:-0.625rem;}
.indexCase .textNr {padding:0.3125rem 0.78125rem 0 0.625rem;}
.indexCase .tit3 {font-size:0.3125rem;padding-left:0.28125rem;margin-bottom:0.546875rem;}
.indexCase .tit3:before {width:0.0625rem;height:0.34375rem;top:0.09375rem;}
/*.indexCase .tit4 {font-size:0.21875rem;line-height:0.40625rem;height:1.21875rem;}*/
.indexCase .swiper-button {position:relative;height:0.5rem;}
.indexCase .swiper-button-prev,.indexCase .swiper-button-next {width:0.5rem;height:0.5rem;}
}



/*footer*/
.footer{width:100%;background:url(../images/bottombg.jpg) center top no-repeat #f7f7f7;padding-top:245px;padding-bottom:155px;}
.footer .bottom-logo{text-align:center;}
.footer .bottom-logo img{max-height:97px;}
/*footer-link*/
.footer .footer-link{text-align:center;padding-top:50px;padding-bottom:10px;}
.footer .footer-link a{font-size:18px;color:#474f62;display:inline-block; line-height:36px; margin:0 25px;}
.footer .footer-link a:hover{color:#ed713e;}
/*footer-lx*/
.footer .footer-lx{width:100%;font-size:16px;color:#474f62;line-height:30px; text-align:center;position:relative;padding-bottom:15px;}
.footer .footer-lx .footer-lxBox{background:url(../images/bottom-line.png) left top no-repeat;}
.footer .footer-lx strong{ font-size:18px;color:#474f62;line-height:normal;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}

/*bq*/
.bq{font-size:16px;color:#c3c4c9;text-align:center;}
.bq a{color:#c3c4c9;display:inline-block;}
.bq a:hover{color:#ed713e;}
/*footer-share*/
.footer .footer-shareBox{text-align:center;padding-top:44px;}
.footer .footer-share a{display:inline-block;margin:0 17px;}
.footer .footer-share a .wz{color:#fff;font-size:12px;text-align:center; }
.footer .footer-share a{vertical-align: middle;position: relative;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.footer .footer-share a>img{width:20px;}
.footer .footer-share a.wx .pos{display: none;width: 100px;position: absolute;left:-40px;top: 0;margin-top:-100px;box-shadow: 0 0 17px -4px rgba(0, 0, 0, 0.2);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.footer .footer-share a.wx .pos img{width:100%;}
.footer .footer-share a.wx:hover .pos{display: block;}
/*footer-weixin*/
.footer .footer-weixin{width:28%; float:left;text-align:center; }
@media screen and (max-width:1220px){
.footer{padding-top:200px;padding-bottom:135px;}
	
}
@media screen and (max-width:1024px){
	
.footer{padding-top:150px;padding-bottom:135px;}


.footer .footer-shareBox{padding-top:40px;}
.footer .footer-share a{margin:0 15px;}

.footer .bottom-logo img{max-height:90px;}
.footer .footer-link{padding-top:40px;padding-bottom:10px;}
.footer .footer-link a{font-size:16px;line-height:32px; margin:0 20px;}
.footer .footer-lx{font-size:14px;line-height:30px;padding-bottom:10px;}
.footer .footer-lx strong{ font-size:16px;}
.bq{font-size:14px;}


}
@media screen and (max-width:992px){
.footer{padding-top:120px;padding-bottom:90px;}
.footer .footer-share a{margin:0 10px;}
.footer .footer-link a{margin:0 10px;}
	
}
@media screen and (max-width:768px){
.footer {padding-top:2.34375rem;padding-bottom:2.109375rem;}
.footer .footer-shareBox {padding-top:0.625rem;}
.footer .footer-share a {margin:0 0.15625rem;}
.footer .bottom-logo img {max-height:1.40625rem;}
.footer .footer-link {padding-top:0.625rem;padding-bottom:0.15625rem;}
.footer .footer-link a {font-size:0.25rem;line-height:0.5rem;margin:0 0.15625rem;}
.footer .footer-lx {font-size:0.21875rem;line-height:0.46875rem;padding-bottom:0.15625rem;}
.footer .footer-lx strong {font-size:0.25rem;}
.bq {font-size:0.21875rem;}
.footer .footer-share a>img{width:14px;}
}





/*fixeFooter底部漂浮表单*/
.fixeFooter {border: 0px;position: fixed;width: 100%;height: 94px;background:#2f2f2f;bottom: -165px;left: 0px;z-index: 11;overflow:visible!important;}
.fixeFooter .layout{ width:1100px; margin:0 auto;}
.fixeFooter .fixeFooterbox {margin: 0px auto;height: 100%;position: relative;z-index:1;}
.fixeFooter .fixeFooterbox:after{content:"";background: url(../images/float-wu.png) no-repeat right bottom;width:186px; height:47px; position: absolute; left:0; top:-47px;margin:0 auto; z-index:0;}
.fixeFooter .fixeFooterbox .fiexlogo {width:290px;height:101px;position:absolute; top:-7px; left:0;z-index: -1;}
.fixeFooter .fixeFooterbox .fiexlogo2{width:135px;height:101px;position:absolute; top:-7px; right:0;z-index: -1;}
.fixeFooter .fixeFooterbox .fiexlogo img,
.fixeFooter .fixeFooterbox .fiexlogo2 img {animation: liftRight 1s infinite linear;-webkit-animation: liftRight 1s infinite linear;}
.fixeFooter .fixeFooterbox .lianxi {float:right;text-align:center;width:130px;padding-right:135px;padding-top:25px;}
.fixeFooter .fixeFooterbox .lianxi p {font-size:14px;color:#fff;line-height: 22px;}
.fixeFooter .fixeFooterbox .lianxi .ph {font-size:18px;color:#ed713e;font-weight:bold;}
.fixeFooter .fixeFooterbox .lianxi span {font-size: 14px;line-height: 14px;color: #fff;}
.fixeFooter .fixeFooterbox .lianxi span  em {margin: 0 3px;font-style: normal;font-weight: bolder;font-family: arial;}
.fixeFooter .fixeFooterbox .fiexInput {float:left;padding-left:290px;padding-top:29px;}
.fixeFooter .fixeFooterbox .fiexInput  input {display:block;float:left;border: none;width:186px;font-size:12px;color:#909090;background:#ffffff;height:38px;line-height:38px;border-radius:5px;padding: 0px 15px;margin: 0 8px 0px 0px;}
.fixeFooter .fixeFooterbox .fiexInput  i{position: absolute;top:32px;left:130px;z-index:1;color: #999;font-style: normal;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit{width:132px;font-size: 14px;line-height:38px;padding:0 20px;margin-right:0;color: #fff;text-align:center;background: url(../images/btnbg.png) no-repeat right center #f24412;background-size:100% 100%;cursor:pointer;border: 0;border-radius:5px; outline:none; }
.fixeFooter .fixeFooterEsc{display:block;width:30px;height:30px;position:absolute;right:6.25%;top:10px; z-index: 9;cursor:pointer;}
.fixeFooter .fixeFooterEsc:before,.fixeFooter .fixeFooterEsc:after{display:block;width:20px;height:2px;background:#fff;position:absolute;content:"";top:50%;left:50%;margin-left:-10px;}
.fixeFooter .fixeFooterEsc:before{transform:rotate(45deg);}
.fixeFooter .fixeFooterEsc:after{transform:rotate(-45deg);}
/*点击变点*/
.fixeFooterOn {display: none;position: fixed;padding: 0 10px;width: 60px;height:80px;bottom:40px;left:0;z-index: 11;background: url(../images/btnbg.png) no-repeat right center #f24412;background-size:100% 100%;text-align: center;color: #fff;cursor: pointer;opacity: 0;font-size:12px;line-height: 1.1;}
.fixeFooterOn img{ margin: 0 0 20px 0; width:30px;}
.fixeFooterOn  img {position: relative;top: 14px;animation: liftRight2 1s infinite linear;-webkit-animation: liftRight2 1s infinite linear;}
@keyframes liftRight {0% {left: 80px;opacity: .8}50% {left: 101px;opacity: 1}100% {left: 80px;opacity: .8}}
@-webkit-keyframes liftRight{0% {left: 80px;opacity: .8}50% {left: 101px;opacity: 1}100% {left: 80px;opacity: .8}}
@keyframes liftRight2 {0% {-webkit-transform:translateY(6px);-moz-transform:translateY(6px);transform:translateY(6px);}50% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}100% {-webkit-transform:translateY(6px);-moz-transform:translateY(6px);transform:translateY(6px);}}
@-webkit-keyframes liftRight2{0% {-webkit-transform:translateY(6px);-moz-transform:translateY(6px);transform:translateY(6px);}50% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}100% {-webkit-transform:translateY(6px);-moz-transform:translateY(6px);transform:translateY(6px);}}
@media screen and (max-width:1220px) {
.fixeFooter .fixeFooterEsc{right:3%;}	
	
}
@media screen and (max-width:1150px) {
.fixeFooter .fixeFooterbox .fiexlogo {width:200px;}
.fixeFooter .fixeFooterbox .fiexInput {padding-left:290px;}
.fixeFooter .fixeFooterbox .fiexInput  input.userName{width:130px;}
.fixeFooter .fixeFooterbox .fiexInput  input.mobile{width:130px;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit{width:100px;}

.fixeFooter .layout{ width:90%;}
.fixeFooter .fixeFooterEsc{right:0;}
}
@media screen and (max-width:1050px) {
.fixeFooter .layout{ width:94%;}
}
@media screen and (max-width:1024px) {
.fixeFooter {height:80px;}
.fixeFooter .fixeFooterbox .fiexlogo {width:250px;}
.fixeFooter .fixeFooterbox .fiexlogo img{max-height:90px;}
.fixeFooter .fixeFooterbox .fiexInput {padding-left:260px;padding-top:22px;}
.fixeFooter .fixeFooterbox .fiexInput  input{padding:0 5px;margin-right:5px;}
.fixeFooter .fixeFooterbox .lianxi {padding-right:120px;padding-top:15px;}
.fixeFooter .fixeFooterbox .fiexlogo2 {width:120px;}
.fixeFooter .fixeFooterbox .fiexlogo2 img{max-height:90px;}
}
@media screen and (max-width:992px) {	
.fixeFooter .fixeFooterbox .fiexInput  input.userName{width:120px;}
.fixeFooter .fixeFooterbox .fiexInput  input.mobile{width:120px;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit{width:90px;}
}
@media screen and (max-width:768px) {
.fixeFooter .fixeFooterbox .fiexInput {padding-left:138px;}
.fixeFooter .fixeFooterbox .fiexInput  input.userName{width:120px;}
.fixeFooter .fixeFooterbox .fiexInput  input.mobile{width:120px;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit{width:90px;}
.fixeFooterOn {width: 40px; height:50px;right: 3%;font-size: 12px;padding:0 5px;font-size:0;}
.fixeFooterOn img{ width:20px;}
.fixeFooter .layout{ width:640px;}
}
@media screen and (max-width:640px) {
.fixeFooter{ height:auto;}
.fixeFooter .fixeFooterbox .fiexInput {padding-left:0;float:none;padding-top:20px;}
.fixeFooter .fixeFooterbox .fiexInput  input.userName{width:46.5%;}
.fixeFooter .fixeFooterbox .fiexInput  input.mobile{width:46.5%;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit{width:95%;margin-top:5px;}
.fixeFooter .fixeFooterbox .lianxi { float:none; width:100%;padding-bottom:5px;}
.fixeFooter .fixeFooterbox .lianxi p{ display:inline-block;margin-right:5px;}
.fixeFooter .fixeFooterbox .lianxi .ph{ display:inline-block;margin-right:5px;}
.fixeFooter .fixeFooterEsc{ top:10px;} 
.fixeFooter .fixeFooterbox .fiexlogo{ display:none;}
.fixeFooter .fixeFooterbox .fiexlogo2{ display:none;}
.fixeFooter .layout{ width:350px;}
}
@media screen and (max-width:350px) {
.fixeFooter .layout{ width:90%;}
}


/*banner css*/
.por{position:relative}
.poa{position:absolute}
.pof{position:fixed}
.ovh{overflow:hidden}

.pc-block-768{display:block}
.m-block-768{display:none}
@media screen and (max-width:768px) {
	.pc-block-768{display:none}
    .m-block-768{display:block}
}

/*ibanner*/
.ibanner .swiper-slide{overflow:hidden;position:relative; background:#000;}
.ibanner .swiper-slide .slide-inner{height:41.14583333333333vw; overflow:hidden;background:#000; position:relative;}
.ibanner .swiper-slide .video{position:relative;}
.ibanner .swiper-slide .video {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}
.ibanner .swiper-slide .videobg{/*content:"";*/position:absolute;width:100%;height:100%;left:0;top:0;background:#000;z-index:1;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
/*.ibanner .swiper-slide img{ width:100%;}*/
.ibanner .swiper-slide img{max-width:100%;}
.ibanner .banner-pagination{position:absolute;bottom:.5rem !important;width:100% !important;right:0; left:0; margin:0 auto; padding-right:1.5rem;text-align:center;z-index:2; }
.ibanner .banner-pagination span{background:#ed713e;}
.ibanner .bg{position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(1);transition:all 2s cubic-bezier(0.89,0.12,0.51,0.94);background-size: cover;background-position: center center;background-repeat: no-repeat;}
/*.ibanner .bg.active{transform:scale(1.2)}*/
@media screen and (max-width:1050px) {
.ibanner{ margin-top:60px;}	
}
@media screen and (max-width:992px) {
.ibanner .swiper-slide .slide-inner{height:100vw;}

}

/*.ibanner text*/
.tran-middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.ibanner .text{width:100%;z-index:5;opacity:0;}
.ibanner .text .icon{width:25px;margin-bottom:.3rem}
.ibanner .text.active{opacity:1;}
.ibanner .text .tit2{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;margin-top:30px;}
.ibanner .text.active .tit2{margin-top:0;}
.ibanner .video-btn{width:30px;height:30px;position:absolute;left:8%;bottom:5%;border:1px dashed #fff;border-radius:50%;cursor:pointer}
.ibanner .video-btn .icon{z-index:3;margin-left:3px}
@media (max-width:767px){
.ibanner .video-btn{width:30px;height:30px;left:10%;bottom:5%}
.ibanner .video-btn .icon{width:10px}
}



/*mbanner*/
.mbanner .swiper-slide{overflow:hidden;position:relative; background:#000;}
.mbanner .swiper-slide .slide-inner{height:41.14583333333333vw; overflow:hidden;background:#000; position:relative;}
.mbanner .swiper-slide .video2{position:relative;}
.mbanner .swiper-slide .video2 {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}
.mbanner .swiper-slide .videobg{/*content:"";*/position:absolute;width:100%;height:100%;left:0;top:0;background:#000;z-index:1;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
/*.ibanner .swiper-slide img{ width:100%;}*/
.mbanner .swiper-slide img{max-width:100%;}
.mbanner .banner-pagination{position:absolute;bottom:.5rem !important;width:100% !important;right:0; left:0; margin:0 auto; padding-right:1.5rem;text-align:center;z-index:2; }
.mbanner .banner-pagination span{background:#ed713e;}
.mbanner .bg{position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(1);transition:all 2s cubic-bezier(0.89,0.12,0.51,0.94);background-size: cover;background-position: center center;background-repeat: no-repeat;}
/*.ibanner .bg.active{transform:scale(1.2)}*/
@media screen and (max-width:1050px) {
.mbanner{ margin-top:60px;}	
}
@media screen and (max-width:992px) {
.mbanner .swiper-slide .slide-inner{height:100vw;}

}

/*.ibanner text*/
.mbanner .text{width:100%;z-index:5;opacity:0;}
.mbanner .text .icon{width:25px;margin-bottom:.3rem}
.mbanner .text.active{opacity:1;}
.mbanner .text .tit2{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;margin-top:30px;}
.mbanner .text.active .tit2{margin-top:0;}
.mbanner .video-btn{width:30px;height:30px;position:absolute;left:8%;bottom:5%;border:1px dashed #fff;border-radius:50%;cursor:pointer; z-index:8;}
.mbanner .video-btn .icon{z-index:3;margin-left:3px}
@media (max-width:767px){
.mbanner .video-btn{width:30px;height:30px;left:10%;bottom:5%}
.mbanner .video-btn .icon{width:10px}
}



/*dialog-Box*/
.f-no-c-center{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}
.dialog-Box{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;opacity:0;visibility:hidden}
.dialog-Box .dialog__overlay{position:absolute;top:0;left:0;z-index:1;visibility:hidden;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;transition:opacity 0.3s}
.dialog-Box .dialog__content{position:relative;z-index:5;overflow-x:auto;padding:0;max-width:1000px;width:90%;border-radius:0px;background:transparent;box-shadow:none;text-align:center;opacity:0}
.dialog-Box .dialog__content #video{max-width:100%;max-height:100%;margin:0 auto;width:90%}
.dialog-Box .closebtn{position:absolute;right:0;top:0;z-index:3;width:40px;height:40px;text-align:center;cursor:pointer;transition:all .3s}
.dialog-Box .closebtn svg{width:40px;height:40px;fill:#fff}
.dialog-Box.dialog--open{opacity:1;visibility:visible}
.dialog-Box.dialog--open .dialog__overlay{opacity:1;pointer-events:auto;visibility:visible;backdrop-filter:blur(5px)}
.dialog-Box.dialog--open #video{opacity:1;visibility:visible;transition:all .3s ease}
.dialog-Box.dialog--close #video{opacity:0;visibility:hidden}
.dialog-Box.dialog--open .dialog__content,.dialog-Box.dialog--close .dialog__content{opacity:1;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.dialog-Box.dialog--open .dialog__content{-webkit-animation-name:anim-open3;animation-name:anim-open3}
.dialog-Box .dialog__overlay{background:rgba(0,0,0,0.8)}
.dialog-Box.dialog--close .dialog__content{-webkit-animation-name:anim-close3;animation-name:anim-close3}
@media (max-width:1024px){
	.dialog-Box .closebtn{color:#fff}
    .dialog-Box .dialog__content .p{font-size:14px;width:90%;margin-top:.5rem}
}
@media (max-width:767px){
	.dialog-Box .dialog__content{width:100%;padding:.6rem 3%}
.dialog-Box .closebtn{right:3%}
}
@-webkit-keyframes anim-open3{0%{opacity:0;-webkit-transform:scale3d(1.1,1.1,1)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1)}
}
@keyframes anim-open3{0%{opacity:0;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes anim-close3{0%{opacity:1}
100%{opacity:0;-webkit-transform:scale3d(0.9,0.9,1)}
}
@keyframes anim-close3{0%{opacity:1}
100%{opacity:0;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1)}
}


/*****************************scroll-animate start*****************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.scroll-animate.animated{visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}
font{min-width:0.2rem;text-align:center;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;font-style:inherit;text-transform:inherit}
.font-fadeIn font{display:inline-block}
.scrolly{transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;backface-visibility:hidden}
/*animate补充动画*/
@keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-30px,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(50px,0,0)}
to{opacity:1;transform:none}
}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0%,-10px,0)}
to{opacity:1;transform:none}
}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(0%,10px,0)}
}
.fadeOutDownSmall{animation-name:fadeOutDownSmall}
@keyframes fadeOutRightSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(50px,0px,0)}
}
.fadeOutRightSmall{animation-name:fadeOutRightSmall}
@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0%,30px,0)}
to{opacity:1;transform:none}
}
.fadeInUpSmall{animation-name:fadeInUpSmall}
@keyframes scaleIn{0%{opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);backface-visibility:hidden}
100%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);backface-visibility:hidden}
}
.scaleIn{animation-name:scaleIn}
.getGray{-webkit-filter:grayscale(100%);/* CSS3 filter方式，webkit内核方式，firefox外的绝大部分的现代浏览器*/-moz-filter:grayscale(100%);/* 目前没有实现 */-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);/* CSS3 filter方式，标准写法*//*filter:url("https://elephantmoonresort.com/bocstatic/web/css/filters.svg#grayscale");*//* Firefox 4+ */filter:gray;/* IE 6-9 */}
.img-ani{transform:scaleX(0.5) scaleY(0.5) scaleZ(1) translate(0,50%);transition:all .9s ease;opacity:0}
.img-ani .img-child{transform:scaleX(1.5) scaleY(1.5) scaleZ(1);transition:all 1.5s ease}
.img-ani.go{transform:scaleX(1) scaleY(1) scaleZ(1) translate(0);opacity:1}
.img-ani.go .img-child{transform:scaleX(1) scaleY(1) scaleZ(1) translate(0)}
.bx{background-size:cover;background-position:center;color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ph .pic{position:absolute;width:calc(100% + 60px);height:calc(100% + 60px);left:-30px;top:-30px;backface-visibility:hidden}
@media screen and (orientation:portrait){
	.ph .pic{position:absolute;width:100%;height:100%;left:0px;top:0px;backface-visibility:hidden}
}
@keyframes Tmouse{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(12px);-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px)}
}
@keyframes wave{to{transform:translateX(-100%)}
}
@keyframes loop1{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes loop2{0%{transform:rotate(40deg)}
100%{transform:rotate(400deg)}
}
@keyframes loop3{0%{transform:rotate(80deg)}
100%{transform:rotate(440deg)}
}
@keyframes loop4{0%{transform:rotate(-30deg)}
100%{transform:rotate(330deg)}
}
@keyframes fn3{0%{opacity:0;transform:matrix(1,0.1,0,1,0,10)}
100%{opacity:1;transform:matrix(1,0,0,1,0,0)}
}
.fn3{transform-origin:0 50%;animation:fn3 1.2s cubic-bezier(0.49,0.54,0.16,1);animation-fill-mode:both}
/* --------------------------------
Keyframes
-------------------------------- */
@-webkit-keyframes cd-reveal-left{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}
@keyframes cd-reveal-left{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}
@-webkit-keyframes cd-reveal-right{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}
@keyframes cd-reveal-right{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}
@-webkit-keyframes cd-hide-left{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}
@keyframes cd-hide-left{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}
@-webkit-keyframes cd-hide-right{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}
@keyframes cd-hide-right{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}
@-webkit-keyframes cd-clicked{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes cd-clicked{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes cir_right{from{clip-path:circle(12vw at 112% 50%)}
to{clip-path:circle(12vw at 102% 50%)}
}
@keyframes cir_left{from{clip-path:circle(12vw at -12% 50%)}
to{clip-path:circle(12vw at -2% 50%)}
}
@keyframes banner_in{0%{clip-path:ellipse(50% 50% at 50% 150%)}
100%{clip-path:ellipse(100% 180% at 50% 150%)}
}
@keyframes banner_out{0%{clip-path:ellipse(100% 180% at 50% 150%)}
100%{clip-path:ellipse(50% 50% at 50% 150%)}
}
@keyframes banner_appIn{0%{clip-path:ellipse(100% 50% at 50% 150%)}
100%{clip-path:ellipse(180% 180% at 50% 150%)}
}
@keyframes banner_appOut{0%{clip-path:ellipse(180% 180% at 50% 150%)}
100%{clip-path:ellipse(100% 50% at 50% 150%)}
}
@keyframes row5_in{0%{opacity:1}
100%{opacity:1}
}
@keyframes r5_in{0%{transform:translate3d(-70vw,36vw,0) scale(1)}
50%{transform:translate3d(-14vw,6vw,0) scale(1)}
100%{transform:translate3d(-14vw,6vw,0) scale(3)}
}
@keyframes r5_out{0%{transform:translate3d(-14vw,6vw,0) scale(3)}
50%{transform:translate3d(-14vw,6vw,0) scale(1)}
100%{transform:translate3d(-70vw,36vw,0) scale(1)}
}
@keyframes slider{0%{opacity:0;margin-left:-0.1rem}
100%{opacity:1;margin-left:0}
}
@keyframes scrFn{0%{transform:translate3d(50vw,42vh,0) scale(0.9) rotate(0)}
30%{transform:translate3d(50vw,42vh,0) scale(9) rotate(0)}
100%{transform:translate3d(50vw,42vh,0) scale(54) rotate(20deg)}
}
@keyframes aboutFn{0%{-webkit-mask-size:45.8%;-webkit-mask-position:50% 40%}
30%{-webkit-mask-size:458%;-webkit-mask-position:50% 40%}
100%{-webkit-mask-size:2738%;-webkit-mask-position:52% 52%}
}
@keyframes scrImg{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);backface-visibility:hidden}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);backface-visibility:hidden}
}
@keyframes scrOut{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
12%{transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);backface-visibility:hidden;opacity:0}
100%{transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);backface-visibility:hidden;opacity:0}
}
@keyframes scrP1{0%{transform:translate3d(0,0,0) scale(1);-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);backface-visibility:hidden;opacity:1}
8%{transform:translate3d(-5px,-7px,0) scale(1.05);-webkit-transform:translate3d(-5px,-7px,0) scale(1.05);-moz-transform:translate3d(-5px,-7px,0) scale(1.05);-o-transform:translate3d(-5px,-7px,0) scale(1.05);-ms-transform:translate3d(-5px,-7px,0) scale(1.05);backface-visibility:hidden;opacity:0}
100%{transform:translate3d(-5px,-7px,0) scale(1.05);-webkit-transform:translate3d(-5px,-7px,0) scale(1.05);-moz-transform:translate3d(-5px,-7px,0) scale(1.05);-o-transform:translate3d(-5px,-7px,0) scale(1.05);-ms-transform:translate3d(-5px,-7px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}
@keyframes scrP2{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
10%{transform:translate3d(7px,5px,0) scale(1.05);-webkit-transform:translate3d(7px,5px,0) scale(1.05);-moz-transform:translate3d(7px,5px,0) scale(1.05);-o-transform:translate3d(7px,5px,0) scale(1.05);-ms-transform:translate3d(7px,5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
100%{transform:translate3d(7px,5px,0) scale(1.05);-webkit-transform:translate3d(7px,5px,0) scale(1.05);-moz-transform:translate3d(7px,5px,0) scale(1.05);-o-transform:translate3d(7px,5px,0) scale(1.05);-ms-transform:translate3d(7px,5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}
@keyframes scrP3{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
12%{transform:translate3d(-7px,-5px,0) scale(1.05);-webkit-transform:translate3d(-7px,-5px,0) scale(1.05);-moz-transform:translate3d(-7px,-5px,0) scale(1.05);-o-transform:translate3d(-7px,-5px,0) scale(1.05);-ms-transform:translate3d(-7px,-5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
100%{transform:translate3d(-7px,-5px,0) scale(1.05);-webkit-transform:translate3d(-7px,-5px,0) scale(1.05);-moz-transform:translate3d(-7px,-5px,0) scale(1.05);-o-transform:translate3d(-7px,-5px,0) scale(1.05);-ms-transform:translate3d(-7px,-5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}
.scrTxt{animation-name:scrTxt}
@keyframes scrTxt{0%{transform:translate3d(50px,10px,0);-webkit-transform:translate3d(50px,10px,0);-moz-transform:translate3d(50px,10px,0);-o-transform:translate3d(50px,10px,0);-ms-transform:translate3d(50px,10px,0);backface-visibility:hidden;opacity:0}
20%{transform:translate3d(0px,0px,0);-webkit-transform:translate3d(0px,0px,0);-moz-transform:translate3d(0px,0px,0);-o-transform:translate3d(0px,0px,0);-ms-transform:translate3d(0px,0px,0);backface-visibility:hidden;opacity:1}
100%{transform:translate3d(0px,0px,0);-webkit-transform:translate3d(0px,0px,0);-moz-transform:translate3d(0px,0px,0);-o-transform:translate3d(0px,0px,0);-ms-transform:translate3d(0px,0px,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP4{0%{transform:translate3d(-120px,0px,0px) rotate(-50deg)}
30%{transform:translate3d(-120px,0px,0px) rotate(0deg)}
100%{transform:translate3d(-120px,0px,0px) rotate(0deg)}
}
@keyframes scrP5{0%{transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
58%{transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
100%{transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
}
@keyframes scrP51{0%{margin-left:50%;letter-spacing:0.6rem}
40%{margin-left:0%;letter-spacing:0px}
100%{margin-left:0%;letter-spacing:0px}
}
@keyframes scrP6{0%{transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:1rem;opacity:0}
58%{transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:0px;opacity:1}
100%{transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:0px;opacity:1}
}
@keyframes scrP61{0%{letter-spacing:0.6rem;background-color:#ffffff}
40%{letter-spacing:0px;background-color:rgba(255,255,255,0)}
100%{letter-spacing:0px;background-color:rgba(255,255,255,0)}
}
@keyframes scrP7{0%{transform:translate3d(0vw,0vw,0);-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
58%{transform:translate3d(-15vw,0vw,0);-webkit-transform:translate3d(-15vw,0vw,0);-moz-transform:translate3d(-15vw,0vw,0);-o-transform:translate3d(-15vw,0vw,0);-ms-transform:translate3d(-15vw,0vw,0);backface-visibility:hidden}
100%{transform:translate3d(-15vw,0vw,0);-webkit-transform:translate3d(-15vw,0vw,0);-moz-transform:translate3d(-15vw,0vw,0);-o-transform:translate3d(-15vw,0vw,0);-ms-transform:translate3d(-15vw,0vw,0);backface-visibility:hidden}
}
@keyframes scrP8{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);backface-visibility:hidden}
100%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);backface-visibility:hidden}
}
@keyframes scrP9{0%{transform:translate3d(0vw,0vw,0);-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
100%{transform:translate3d(-58%,0vw,0);-webkit-transform:translate3d(-58%,0vw,0);-moz-transform:translate3d(-58%,0vw,0);-o-transform:translate3d(-58%,0vw,0);-ms-transform:translate3d(-58%,0vw,0);backface-visibility:hidden}
}
@keyframes scrP10{0%{opacity:0;transform:translate3d(0vw,0vw,0);-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
15%{opacity:1;transform:translate3d(0vw,0vw,0);-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
25%{transform:translate3d(0px,2.02rem,0px);-webkit-transform:translate3d(0px,2.02rem,0px);-moz-transform:translate3d(0px,2.02rem,0px);-o-transform:translate3d(0px,2.02rem,0px);-ms-transform:translate3d(0px,2.02rem,0px);backface-visibility:hidden}
35%{transform:translate3d(0px,2.02rem,0px);-webkit-transform:translate3d(0px,2.02rem,0px);-moz-transform:translate3d(0px,2.02rem,0px);-o-transform:translate3d(0px,2.02rem,0px);-ms-transform:translate3d(0px,2.02rem,0px);backface-visibility:hidden}
50%{transform:translate3d(0.4rem,4.04rem,0px);-webkit-transform:translate3d(0.4rem,4.04rem,0px);-moz-transform:translate3d(0.4rem,4.04rem,0px);-o-transform:translate3d(0.4rem,4.04rem,0px);-ms-transform:translate3d(0.4rem,4.04rem,0px);backface-visibility:hidden}
100%{transform:translate3d(0.4rem,4.04rem,0px);-webkit-transform:translate3d(0.4rem,4.04rem,0px);-moz-transform:translate3d(0.4rem,4.04rem,0px);-o-transform:translate3d(0.4rem,4.04rem,0px);-ms-transform:translate3d(0.4rem,4.04rem,0px);backface-visibility:hidden}
}
@keyframes scrP11{0%{transform:translate3d(-20px,0vw,0);-webkit-transform:translate3d(-20px,0vw,0);-moz-transform:translate3d(-20px,0vw,0);-o-transform:translate3d(-20px,0vw,0);-ms-transform:translate3d(-20px,0vw,0);backface-visibility:hidden;opacity:0}
15%{transform:translate3d(0vw,0vw,0);-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);backface-visibility:hidden;opacity:1}
100%{transform:translate3d(0,0vw,0);-webkit-transform:translate3d(0,0vw,0);-moz-transform:translate3d(0,0vw,0);-o-transform:translate3d(0,0vw,0);-ms-transform:translate3d(0,0vw,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP12{0%{transform:translate3d(-20px,0vw,0);-webkit-transform:translate3d(-20px,0vw,0);-moz-transform:translate3d(-20px,0vw,0);-o-transform:translate3d(-20px,0vw,0);-ms-transform:translate3d(-20px,0vw,0);backface-visibility:hidden;opacity:0}
25%{transform:translate3d(0vw,0vw,0);-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);backface-visibility:hidden;opacity:1}
100%{transform:translate3d(0,0vw,0);-webkit-transform:translate3d(0,0vw,0);-moz-transform:translate3d(0,0vw,0);-o-transform:translate3d(0,0vw,0);-ms-transform:translate3d(0,0vw,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP13{0%{transform:translate3d(-20px,0vw,0);-webkit-transform:translate3d(-20px,0vw,0);-moz-transform:translate3d(-20px,0vw,0);-o-transform:translate3d(-20px,0vw,0);-ms-transform:translate3d(-20px,0vw,0);backface-visibility:hidden;opacity:0}
40%{transform:translate3d(0vw,0vw,0);-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);backface-visibility:hidden;opacity:1}
100%{transform:translate3d(0,0vw,0);-webkit-transform:translate3d(0,0vw,0);-moz-transform:translate3d(0,0vw,0);-o-transform:translate3d(0,0vw,0);-ms-transform:translate3d(0,0vw,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP14{0%{transform:translate3d(0vw,0%,0);-webkit-transform:translate3d(0vw,0%,0);-moz-transform:translate3d(0vw,0%,0);-o-transform:translate3d(0vw,0%,0);-ms-transform:translate3d(0vw,0%,0);backface-visibility:hidden}
100%{transform:translate3d(0,90%,0);-webkit-transform:translate3d(0,90%,0);-moz-transform:translate3d(0,90%,0);-o-transform:translate3d(0,90%,0);-ms-transform:translate3d(0,90%,0);backface-visibility:hidden}
}
@keyframes loadFn{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);backface-visibility:hidden}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);backface-visibility:hidden}
}




/*****************************右侧栏漂浮 start*****************************/
.public-celan{position:fixed;right:0;top:50%;z-index:101}
.public-celan li{position:relative;margin-top:2px}
.public-celan li .db{ display:inline-block;position:relative;z-index:1;width:60px;height:50px;padding-top:10px;background:#909090;font-size:12px;color:#fff;cursor:pointer; text-align:center;}
.public-celan li .db img{margin-bottom:8px; margin:0 auto; width:25px; display:block;}
.public-celan li .topcontrol{background:#ed713e;}
.public-celan li .b1{position:absolute;right:-500px;top:0;z-index:0;line-height:60px;padding:0 20px;background:#909090;white-space:nowrap;font-family:"Arial";font-size:20px;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.public-celan li:hover .b1{right:calc(100% - 5px)}
.public-celan li #wx{ padding:20px;}
@media screen and (max-width:768px){
.public-celan{ display:none;}
}


/*****************************page start*****************************/
.page{background:#ffffff;}

/*pagebanner*/
.pagebanner{ display:block; overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;}
.pagebanner img{ max-width:100%;}
@media screen and (max-width:1050px){
.pagebanner{ padding-top:60px;}
}
@media screen and (max-width:768px){
.pagebanner {padding-top:0.9375rem;}
}




/*pageNav*/
.pageNav{text-align:center; padding-top:60px;}
.pageNav ul{ margin:0 auto; font-size:0; display:inline-block;}
.pageNav li{ display:inline-block;*display:inline;zoom:1;float:left; }
.pageNav li a{display:block; color:#7d7e8d; margin:0 6px;background:#f2f2f6;width:182px; border-radius:60px;line-height:60px;font-size:16px;margin-bottom:5px;}
.pageNav li a span{ display:inline-block;position:relative; z-index:2;}
.pageNav li .aNow{background:#ed713e;color:#fff;}
.pageNav-tit{ display:none;}
@media screen and (max-width:1220px){
.pageNav li a{width:160px; border-radius:50px;line-height:50px;font-size:14px;}
}
@media screen and (max-width:1180px){
.pageNav li a{width:140px; border-radius:45px;line-height:45px;font-size:14px;}
}
@media screen and (max-width:1024px){
.pageNav li a{width:120px; border-radius:40px;line-height:40px;font-size:13px;}
}
@media screen and (max-width:992px){
.pageTop{height:auto;}
.pageNav{ height:auto; position: static;}
.pageNav{padding-top:20px;}
.pageNav li a{padding:0 5px; font-size:12px;}
.pageTop,
.pageTopB,
.pageNav{ height:50px;}
.pageNav li{line-height:50px;}	
.pageNav li a{width:100px; padding:0 10px;border-radius:35px;line-height:35px;font-size:12px;}
}

@media screen and (max-width:768px){

.pagePosition{ bottom:0;}	
.pageNavB{width:96%;max-width:96%;position: absolute;height:60px;z-index: 2;overflow: hidden;}
.pageNav::-webkit-scrollbar{display: none;}
.pageNav ul::-webkit-scrollbar {display: none;}
.pageNav ul{overflow: hidden;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-o-overflow-scrolling: touch;-ms-overflow-scrolling: touch;overflow-scrolling: touch; font-size:0; line-height:0; display:block;}
.pageNav li{ float:none;margin:0 3px}
.pageNav li a {margin:0 0;width:auto; padding:0 15px;/*border-radius:0.625rem;line-height:0.625rem;font-size:0.1875rem;*/}

}

/*pageInfo*/
.pageInfo{color:#474f62;font-size:16px;line-height:32px;min-height:100px;padding-top:60px; background-repeat:no-repeat; background-position:center top;}
.pageInfo img{max-width:100%;}
@media screen and (max-width:768px){
.pageInfo{font-size:14px;line-height:30px;padding-top:30px;}
}




/*page about*/
.pageTable{ padding-bottom:85px; position:relative;}
.pageTable .td1{ width:71.42857142857143%;}
.pageTable .td2{ width:32.44047619047619%; position:absolute;right:0; top:7%;}
.pageTable .td2 p{ padding-left:23.55669724770642%;color: #474f62;font-size:16px;line-height:32px;}
.pageTable td{color: #474f62;font-size:16px;line-height:32px;}
@media screen and (max-width:1350px){
.pageTable{ padding-bottom:75px;}
.pageTable .td2 p{ padding-left:20%;font-size:16px;line-height:30px;}
.pageTable td{font-size:16px;line-height:30px;}
.pageTable .td2{ width:30%; top:3%;}
}
@media screen and (max-width:1220px){
.pageTable .td2 p{ padding-left:20%;font-size:14px;line-height:30px;}
.pageTable td{font-size:16px;line-height:30px;}
}
@media screen and (max-width:992px){
.pageTable{ padding-bottom:35px;}
.pageTable .td1{ width:100%; display:block!important; text-align:center;}
.pageTable .td2{width:100%; display:block!important;padding:3% 0; position:static; top:0;}

.pageTable .td2 p{ padding-left:0%;font-size:14px;line-height:28px;}
.pageTable .td2 img{ max-width:50%;}
}
@media screen and (max-width:768px){
.pageTable h1{font-size:16px;padding-bottom:15px;}
.pageTable td{font-size:14px;line-height:26px;}
}




/**/
.pageTable2{ padding-bottom:85px; position:relative;}
.pageTable2 .td1{ width:60%;}
.pageTable2 .td2{ width:40%;}
.pageTable2 .td2 h1{font-size:30px;padding-bottom:65px;color:#303542;line-height:normal;}
.pageTable2 .td2 h1 img{width:56px;margin-left:18px;}
.pageTable2 .td2 p,
.pageTable2 td{color: #474f62;font-size:16px;line-height:32px;}
@media screen and (max-width:1350px){
.pageTable2{ padding-bottom:75px;}
.pageTable2 .td2 p,
.pageTable2 td{font-size:16px;line-height:30px;}
.pageTable2 .td2{ width:30%; top:3%;}
.pageTable2 .td2 h1{font-size:28px;padding-bottom:60px;}
.pageTable2 .td2 h1 img{width:50px;margin-left:15px;}
}
@media screen and (max-width:1220px){
.pageTable2 .td2 p{ /*padding-left:20%;*/font-size:14px;line-height:30px;}
.pageTable2 td{font-size:16px;line-height:30px;}
.pageTable2 .td2 h1{font-size:26px;padding-bottom:50px;}
.pageTable2 .td2 h1 img{width:45px;margin-left:10px;}
}
@media screen and (max-width:1024px){
.pageTable2 .td2 h1{font-size:24px;padding-bottom:40px;}
.pageTable2 .td2 h1 img{width:40px;margin-left:10px;}
}
@media screen and (max-width:992px){
.pageTable2{ padding-bottom:35px;}
.pageTable2 .td1{ width:100%; display:block!important; text-align:center;}
.pageTable2 .td2{width:100%; display:block!important;padding:3% 0; position:static; top:0;}
.pageTable2 .td2 h1{font-size:20px;padding-bottom:30px;}
.pageTable2 .td2 h1 img{width:35px;margin-left:10px;}
.pageTable2 .td2 p{ padding-left:0%;font-size:14px;line-height:26px;}
.pageTable2 .td2 img{ max-width:50%;}
}
@media screen and (max-width:768px){
.pageTable2 h1{font-size:18px;padding-bottom:20px;}
.pageTable2 .td2 h1 img{width:30px;margin-left:10px;}
.pageTable2 td{font-size:14px;line-height:24px;}
}

/**/
.pagePinpai{ background:#ed713e;}
.pagePinpai img{ max-width:100%;}
.pageTable3{ padding-bottom:85px; position:relative;}
.pageTable3 td{ width:40%; padding:0 5%; vertical-align:bottom;}
.pageTable3 .td1 img{ margin-bottom:60px;}
.pageTable3 td p,
.pageTable3 td{color: #fff;font-size:16px;line-height:32px;}
@media screen and (max-width:1024px){
.pageTable3 td p,
.pageTable3 td{font-size:14px;line-height:30px;}
}
@media screen and (max-width:992px){
.pageTable3 td p,
.pageTable3 td{font-size:14px;line-height:26px;}
}
@media screen and (max-width:768px){
.pageTable3 td p,
.pageTable3 td{font-size:14px;line-height:24px;}
.pageTable3 td{ display:block!important;width:100%!important; padding:3% 0%;}
.pageTable3 .td1 img{ margin-bottom:50px;max-width:80%;}
}




/*page3List*/
.page3List{height:auto; position:relative; margin-bottom:40px;}
.page3List ul{padding:0; height:auto; font-size:0; line-height:normal;margin:0 -20px;}
.page3List li{overflow:hidden;list-style:none;width:50%;display:inline-block;*display:inline; zoom:1;vertical-align:top; margin-bottom:40px;}
.page3List li .item{display:block;position:relative;margin:0 20px;}
.page3List li .item .img{overflow:hidden;/*padding-bottom:90.24390243902439%;*/ padding-bottom:740px; position:relative;}
.page3List li .item .img img{display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:100%;width:100%;}
.page3List li .listtitle{ position:absolute; left:10%;top:5.5%;max-width:360px;}
.page3List li .wz{position:relative; background:url(../images/bg70.png) center center repeat; }
.page3List li .en{text-align:left;padding-bottom:34px; padding-top:4px;font-size:59px; text-transform:uppercase;color:#fff;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}
.page3List li .wz:after{ content:''; width:95px; height:56px;position:absolute; right:-25px;bottom:-20px;background-image:url(../images/page3-line.png);background-size:95px;background-repeat:no-repeat; background-position:center right;}
.page3List li .wzNr{ padding:0 50px; height:295px;padding-top:115px;}
.page3List li h3{line-height:30px;font-size:32px; color:#474f62; font-weight:normal;margin-bottom:40px; }
.page3List li p{line-height:30px;font-size:20px; color:#595959; font-weight:normal;}
/*li3*/
.page3List li.li3{width:100%;}
.page3List li.li3 .item .img{padding-bottom:700px; }
.page3List li.li3 .listtitle{left:auto; right:10%;top:5.5%;max-width:600px;}
.page3List li.li3 .wzNr{padding:0 50px; height:330px;padding-top:80px;}
@media screen and (max-width:1520px){
.page3List{margin-bottom:35px;}
.page3List ul{margin:0 -15px;}
.page3List li{margin-bottom:35px;}
.page3List li .item{margin:0 15px;}
.page3List li .item .img{overflow:hidden;padding-bottom:730px;}
.page3List li .listtitle{ position:absolute; left:10%;top:5.5%;max-width:360px;}
.page3List li .en{padding-bottom:30px;padding-top:4px;font-size:50px;}
.page3List li .wz:after{width:90px; height:50px;right:-20px;bottom:-15px;background-size:80px;}
.page3List li .wzNr{ padding:0 40px;height:290px;padding-top:110px;}
.page3List li h3{line-height:28px;font-size:30px;margin-bottom:35px; }
.page3List li p{line-height:28px;font-size:18px;}
.page3List li.li3 .item .img{padding-bottom:700px; }
.page3List li.li3 .listtitle{right:8%;top:5.5%;max-width:600px;}
.page3List li.li3 .wzNr{padding:0 45px; height:330px;padding-top:80px;}
}
@media screen and (max-width:1320px){
.page3List{margin-bottom:30px;}
.page3List ul{margin:0 -10px;}
.page3List li{margin-bottom:30px;}
.page3List li .item{margin:0 10px;}
.page3List li .item .img{padding-bottom:650px;}
.page3List li .listtitle{left:8%;top:5%;max-width:320px;}
.page3List li .en{padding-bottom:25px;padding-top:4px;font-size:45px;}
.page3List li .wz:after{width:80px; height:45px;right:-15px;bottom:-15px;background-size:70px;}
.page3List li .wzNr{ padding:0 30px;height:250px;padding-top:100px;}
.page3List li h3{line-height:26px;font-size:28px;margin-bottom:30px; }
.page3List li p{line-height:26px;font-size:16px;}
.page3List li.li3 .item .img{padding-bottom:600px; }
.page3List li.li3 .listtitle{right:6%;top:5%;max-width:500px;}
.page3List li.li3 .wzNr{padding:0 40px; height:300px;padding-top:75px;}
}
@media screen and (max-width:1220px){
.page3List{margin-bottom:25px;}
.page3List ul{margin:0 -8px;}
.page3List li{margin-bottom:25px;}
.page3List li .item{margin:0 8px;}
.page3List li .item .img{padding-bottom:600px;}
.page3List li .listtitle{left:6%;top:5%;max-width:280px;}
.page3List li .en{padding-bottom:25px;padding-top:4px;font-size:40px;}
.page3List li .wz:after{width:80px; height:45px;right:-15px;bottom:-15px;background-size:60px;}
.page3List li .wzNr{ padding:0 20px;height:200px;padding-top:90px;}
.page3List li h3{line-height:26px;font-size:24px;margin-bottom:20px; }
.page3List li p{line-height:26px;font-size:14px;}
.page3List li.li3 .item .img{padding-bottom:600px; }
.page3List li.li3 .listtitle{right:6%;top:5%;max-width:500px;}
.page3List li.li3 .wzNr{padding:0 40px; height:250px;padding-top:75px;}
}
@media screen and (max-width:1024px){
.page3List li .item .img{padding-bottom:500px;}
.page3List li .listtitle{left:5%;top:5%;max-width:280px;}
.page3List li .en{font-size:36px;}
.page3List li h3{line-height:26px;font-size:20px;margin-bottom:15px; }
.page3List li p{line-height:26px;font-size:14px;}
.page3List li.li3 .item .img{padding-bottom:600px; }
.page3List li.li3 .listtitle{right:6%;top:5%;max-width:500px;}
.page3List li.li3 .wzNr{padding:0 30px; height:250px;padding-top:70px;}
}
@media screen and (max-width:768px){
.page3List ul{;margin:0 0px;}
.page3List li .item{margin:0 0px;}
.page3List li{width:100%;}
}





/*page3List2*/
.page3List2{height:auto; position:relative; margin-bottom:40px;}
.page3List2 ul{padding:0; height:auto; font-size:0; line-height:normal;}
.page3List2 li{overflow:hidden;list-style:none;width:25%;display:inline-block;*display:inline; zoom:1;vertical-align:top; margin-bottom:40px;}
.page3List2 li .item{display:block;position:relative; padding-bottom:100%;}
.page3List2 li .item .img{overflow:hidden;padding-bottom:100%;position:relative;}
.page3List2 li .item .img img{display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:100%;width:100%;}
.page3List2 li .listtitle{ position:absolute; left:0;right:0; text-align:center;top:50%;}
.page3List2 li .wzNr{padding-top:115px;}
.page3List2 li h3{text-align:center;padding-bottom:45px;font-size:59px;text-transform:uppercase;color:#fbe6e1;font-style:italic;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}
.page3List2 li p{line-height:30px;font-size:22px; color:#474f62; font-weight:normal;}
/*2n*/
.page3List2 li:nth-child(2n) .item{ padding-bottom:0; padding-top:100%;}
.page3List2 li:nth-child(2n) .listtitle{ top:0;}
@media screen and (max-width:1530px){
.page3List2 li .wzNr{padding-top:100px;}
.page3List2 li h3{padding-bottom:40px;font-size:50px;}
.page3List2 li p{line-height:30px;font-size:20px;}
}
@media screen and (max-width:1220px){
.page3List2 li .wzNr{padding-top:90px;}
.page3List2 li h3{padding-bottom:30px;font-size:40px;}
.page3List2 li p{line-height:30px;font-size:18px;}
}
@media screen and (max-width:1024px){
.page3List2 li .wzNr{padding-top:70px;}
.page3List2 li h3{padding-bottom:30px;font-size:30px;}
.page3List2 li p{line-height:30px;font-size:16px;}
}
@media screen and (max-width:992px){

}
@media screen and (max-width:768px){
.page3List2 li .wzNr{padding-top:60px;}
.page3List2 li{width:50%; margin-bottom:0;}
.page3List2 li h3{padding-bottom:20px;font-size:26px;}
.page3List2 li p{line-height:30px;font-size:14px;}
}
@media screen and (max-width:580px){
.page3List2 li .wzNr{padding-top:50px;}
.page3List2 li h3{padding-bottom:15px;font-size:24px;}
.page3List2 li p{line-height:26px;font-size:14px;}
}





.pageTit{font-size:32px;color:#474f62;line-height:normal;position:relative; padding-left:65px; padding-bottom:50px;}
.pageTit:after{ content:'';width:50px; height:100%;position:absolute; left:0;top:5px;background-image:url(../images/page3-line.png); background-repeat:no-repeat; background-position:left top;background-size:50px;}
@media screen and (max-width:1220px){
.pageTit{font-size:30px;padding-left:60px;padding-bottom:45px;}
.pageTit:after{width:45px;top:5px;background-size:45px;}
}
@media screen and (max-width:1024px){
.pageTit{font-size:26px;padding-left:55px;padding-bottom:40px;}
.pageTit:after{width:40px;top:5px;background-size:40px;}
}
@media screen and (max-width:992px){
.pageTit{font-size:24px;padding-left:50px;padding-bottom:35px;}
.pageTit:after{width:35px;top:3px;background-size:35px;}
}
@media screen and (max-width:768px){
.pageTit {font-size:0.375rem;padding-left:0.78125rem;padding-bottom:0.546875rem;}
.pageTit:after {width:0.546875rem;top:0.046875rem;background-size:0.546875rem;}
}


/********************************salesList********************************/


/*salesList*/
.salesList{height:auto; position:relative; margin-bottom:40px;}
.salesList ul{padding:0; height:auto; font-size:0; line-height:normal;margin:0 -15px;}
.salesList li{overflow:hidden;list-style:none;width:33.3333%;display:inline-block;*display:inline; zoom:1;vertical-align:top; margin-bottom:30px;}
.salesList li .item{display:block;position:relative;margin:0 15px;}
.salesList li .item .img{overflow:hidden;padding-bottom:48.48484848484848%; position:relative;}
.salesList li .item .img:after{ content:''; width:100%; height:100%;position:absolute;left:0;right:0;bottom:0;background-image:url(../images/sales-wzbg.png);background-size:100%; background-position: center bottom; background-repeat:no-repeat;}
.salesList li .item .img img{display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:100%;width:100%;}
.salesList li .item:hover .img img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);-ms-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}
.salesList li .listtitle{ position:absolute; left:0;bottom:0;right:0;line-height:30px;font-size:20px; color:#fff; font-weight:normal; text-align:center;}
.salesList li .wzNr{ padding:30px 0;}
/*li*/
.salesList li.li1,.salesList li.li2{width:50%;}
@media screen and (max-width:992px){
.salesList li .listtitle{ font-size:14px;}
.salesList li .wzNr{ padding:15px 0;}
}
@media screen and (max-width:768px){
.salesList ul{;margin:0 -8px;}
.salesList li .item{margin:0 8px;}
.salesList li{width:50%;margin-bottom:16px;}
.salesList li.li1{width:100%;}
}


/*pageTit2*/
.pageTit2{padding-bottom:50px;font-size:32px;color:#474f62;line-height:normal;}
.pageTit2 span{ display:inline-block;padding-right:65px;background-image:url(../images/page3-line.png); background-repeat:no-repeat; background-position:right top;background-size:50px; }
@media screen and (max-width:1220px){
.pageTit2{font-size:30px;padding-bottom:45px;}
.pageTit2 span{padding-right:45px;background-size:45px;}
}
@media screen and (max-width:1024px){
.pageTit2{font-size:26px;padding-bottom:40px;}
.pageTit2 span{padding-right:40px;background-size:40px;}
}
@media screen and (max-width:992px){
.pageTit2{font-size:24px;padding-bottom:35px;}
.pageTit2 span{padding-right:35px;background-size:35px;}
}
@media screen and (max-width:768px){
.pageTit2 {font-size:0.375rem;padding-bottom:0.546875rem;}
.pageTit2 span {padding-right:0.6rem;background-size:0.5rem;}
}



/*salesList2*/
.salesList2{height:auto; position:relative; margin-bottom:40px;}
.salesList2 ul{padding:0; height:auto; font-size:0; line-height:normal;margin:0 -7px;}
.salesList2 li{overflow:hidden;list-style:none;width:25%;display:inline-block;*display:inline; zoom:1;vertical-align:top; margin-bottom:30px;}
.salesList2 li .item{display:block;position:relative;margin:0 7px;}
.salesList2 li .item .img{overflow:hidden;padding-bottom:68.29268292682927%; position:relative;}
.salesList2 li .item .img:after{ content:''; width:100%; height:100%;position:absolute;left:0;right:0;bottom:0;background-image:url(../images/sales-wzbg.png);background-size:100%; background-position: center bottom; background-repeat:no-repeat;}
.salesList2 li .item .img img{display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:100%;width:100%;}
.salesList2 li .item:hover .img img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);-ms-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}
.salesList2 li .listtitle{ position:absolute; left:0;bottom:0;right:0;line-height:30px;font-size:20px; color:#fff; font-weight:normal; text-align:center;}
.salesList2 li .wzNr{ padding:30px 0;}
@media screen and (max-width:992px){
.salesList2 li .listtitle{ font-size:14px;}
.salesList2 li .wzNr{ padding:15px 0;}
}
@media screen and (max-width:768px){
.salesList2 ul{;margin:0 -5px;}
.salesList2 li .item{margin:0 5px;}
.salesList2 li{width:50%;margin-bottom:16px;}
}






/********************************pageTitle********************************/

/*pageTitle*/
.pageTitle{ text-align:center; margin-bottom:55px; padding-top:20px;}
.pageTitle .t2{font-size:59px;color:#f6f6f6;line-height:normal;text-transform:uppercase;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700; font-style:italic;}
.pageTitle .t1{font-size:32px;color:#474f62;line-height:normal;position:relative;}
.pageTitle .t3{font-size:18px;color:#7d7e8d;line-height:normal;padding-top:30px;}
@media screen and (max-width: 1520px){
.pageTitle .t2{font-size:42px;}
.pageTitle .t1{font-size:30px;}
}
@media screen and (max-width:1400px) {
.pageTitle .t2{font-size:38px;}
.pageTitle .t1{font-size:26px;}
.pageTitle .t3{font-size:17px;padding-top:28px;}	
}
@media screen and (max-width: 1220px){
.pageTitle{margin-bottom:50px}
.pageTitle .t2{font-size:36px;}
.pageTitle .t1{font-size:24px;}	
.pageTitle .t3{font-size:16px;padding-top:26px;}
}
@media screen and (max-width:1150px){
.pageTitle{margin-bottom:40px}
.pageTitle .t2{font-size:32px;}
.pageTitle .t1{font-size:22px;}
.pageTitle .t3{font-size:14px;padding-top:20px;}
}
@media screen and (max-width:992px){
.pageTitle{margin-bottom:30px}
.pageTitle .t2{font-size:30px;}
.pageTitle .t1{font-size:20px;}
}
@media screen and (max-width:768px){
.pageTitle .t2{font-size:28px;}
.pageTitle .t1{font-size:18px;}
}  



/********************************news********************************/
/*page-tab*/
.page-tab{margin:0 auto;padding:33px 0 77px 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height:44px;line-height:44px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height:44px;line-height: 44px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size:16px;color: #474f62;padding: 0 5px; min-width:34px;margin:0 4px;height:42px;line-height:42px;border: 1px solid #d2d2d2;background: #ffffff;}
.page-tab ul li a:hover,.page-tab ul li a.focus{background:#f08519;color: #fff;border-color:#f08519;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 30px;}
@media screen and (max-width:1024px){
.page-tab{margin:0 auto;padding:30px 0 50px 0;text-align: center; }
.page-tab ul li a{font-size:14px;}
}
@media screen and (max-width:768px){
.page-tab ul li{ }	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}

.page-tab ul {height:28px;line-height:28px;}
.page-tab ul li{mheight:28px;line-height: 28px;}
.page-tab ul li a{font-size:12px;padding: 0 2px; min-width:28px;margin:0 2px;height:28px;line-height:28px;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 15px;}
}




/*page-newsList - listno*/
.page-newsList {height:auto; position:relative; margin-bottom:40px;}
.page-newsList ul{padding:0; width:100%; height:auto; font-size:0; line-height:normal;margin:0 -11.5px;}
.page-newsList ul li.listno{overflow:hidden;list-style:none;width:33.33333%;display:inline-block;*display:inline; zoom:1; padding:11px 0; vertical-align:top;}
.page-newsList ul li.listno a{display:block;position:relative;margin:0 11.5px;background:#FFF;border:1px solid #d2d2d2;background-repeat:no-repeat;background-position:right bottom;background-size:120%;padding:74px 10.63%; border-radius:10px;}
.page-newsList ul li.listno .date{text-align:left;padding-bottom:34px; padding-top:4px;}
.page-newsList ul li.listno .date span{font-size:14px; display:block;position:relative;line-height:32px;color:#d8d8d8;font-family:Arial, Helvetica, sans-serif;font-weight:normal;padding-bottom:26px;}
.page-newsList ul li.listno .date span:after{ content:''; width:37px; height:4px; background:#ed713e; position:absolute; left:0;bottom:0;}
.page-newsList ul li.listno .title{overflow:hidden;height:192px;}
.page-newsList ul li.listno h1{max-height:64px; line-height:32px; overflow:hidden;font-size:20px; color:#333333; font-weight:normal;}
.page-newsList ul li.listno h4{max-height:64px; line-height:32px; overflow:hidden;font-size:16px; color:#757575; font-weight:normal;}
.page-newsList ul li.listno .date span,.page-newsList ul li.listno .date span:after,
.page-newsList ul li.listno h1,.page-newsList ul li.listno h4,
.page-newsList ul li.listno a{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.2s ease-in-out;}
.page-newsList ul li.listno a:hover{background-image:url(../images/newsbg.jpg); background-color:#f08519;background-size:100%;}
.page-newsList ul li.listno a:hover h1{color:#fff;}
.page-newsList ul li.listno a:hover h4{color:#fff;}
.page-newsList ul li.listno a:hover .date span:after{ background:#fff;}
@media screen and (max-width:1220px) {
.page-newsList ul li.listno h1{font-size:18px;}
.page-newsList ul li.listno h4{font-size:14px;}
.page-newsList ul li.listno .date span{font-size:13px;}
.page-newsList ul li.listno a{padding:50px 5%;}
}
@media screen and (max-width:1024px) {
.page-newsList ul li.listno{width:50%;}
}
@media screen and (max-width:992px) {
.page-newsList ul li.listno{width:50%;}
.page-newsList ul li.listno .title{height:180px;}
.page-newsList ul li.listno a{padding:40px 5%;}
.page-newsList ul li.listno h1{font-size:16px;max-height:60px; line-height:30px;}
.page-newsList ul li.listno h4{font-size:13px;max-height:60px; line-height:30px;}
.page-newsList ul li.listno .date span{font-size:12px;}
.page-newsList ul li.listno .date{padding-bottom:30px;padding-top:4px;}
.page-newsList ul li.listno .date span{line-height:30px;padding-bottom:26px;}
.page-newsList ul li.listno .date span:after{width:24px; height:2px;}
}
@media screen and (max-width:640px) {
.page-newsList ul li.listno h4{font-size:12px;}
.page-newsList ul{margin:0 -10px;}
.page-newsList ul li.listno a{padding:30px 15px;margin:0 10px;}
.page-newsList ul li.listno .title{height:180px;}
.page-newsList ul li.listno h1{font-size:14px;max-height:52px; line-height:26px;}
.page-newsList ul li.listno h4{font-size:12px;max-height:52px; line-height:26px;}
.page-newsList ul li.listno .date span{font-size:12px;}
.page-newsList ul li.listno .date{padding-bottom:26px;padding-top:4px;}
.page-newsList ul li.listno .date span{line-height:26px;padding-bottom:22px;}
.page-newsList ul li.listno .date span:after{width:20px; height:2px;}
}
@media screen and (max-width:550px) {
.page-newsList ul{margin:0 -5px;}
.page-newsList ul li.listno a{margin:0 5px;}

.page-newsList ul li.listno a{padding:20px 15px;}
.page-newsList ul li.listno .title{height:180px;}
.page-newsList ul li.listno h1{max-height:48px; line-height:24px;}
.page-newsList ul li.listno h4{max-height:48px; line-height:24px;}
.page-newsList ul li.listno .date{padding-bottom:24px;padding-top:4px;}
.page-newsList ul li.listno .date span{line-height:24px;padding-bottom:18px;}
}
@media screen and (max-width:350px) {
.page-newsList ul li.listno{width:100%;}
}






/*page-newsInfo*/
.page-newsInfo{text-align:left; max-width:930px; margin:0 auto; padding-top:110px;}
.page-newsInfo .newsShuju{padding-left:33px;text-align:left;position:relative; line-height:0;}
.page-newsInfo .newsShuju:after{ content:"";position:absolute;z-index:2;width:4px;height:100%;left:0;top:0;background:#ed713e; z-index:1;line-height:normal;}
.page-newsInfo .newsTit{font-size:46px;color:#333333;line-height: normal;text-align:left;font-weight:300;padding:0;margin:0 0;padding-bottom:24px;}
.page-newsInfo .newsShuju span{display:inline-block;padding:0 20px;font-size:16px; color:#909090;line-height:20px;font-style:normal;background:url(../images/date.png) no-repeat left center;background-size:14px;}
.page-newsInfo .newsText{margin:0 0;text-align:left;font-size:16px;color:#3b4048;line-height:36px;}
.page-newsInfo .newsTextNr{padding-top:80px;padding-bottom:80px;}
.page-newsInfo .newsTextNr img{ max-width:100%;}
@media screen and (max-width:1520px) {
.page-newsInfo{padding-top:100px;}
.page-newsInfo .newsShuju{padding-left:30px;}
.page-newsInfo .newsShuju:after{width:4px;}
.page-newsInfo .newsTit{font-size:42px;padding-bottom:22px;}
.page-newsInfo .newsText{font-size:16px;line-height:30px;}
.page-newsInfo .newsTextNr{padding-top:75px;padding-bottom:75px;}
}
@media screen and (max-width:1320px) {
.page-newsInfo{padding-top:80px;}	
.page-newsInfo .newsTit{font-size:40px;padding-bottom:20px;}
.page-newsInfo .newsTextNr{padding-top:70px;padding-bottom:70px;}
}
@media screen and (max-width:1220px) {
.page-newsInfo{padding-top:70px;}
.page-newsInfo .newsShuju{padding-left:25px;}
.page-newsInfo .newsShuju:after{width:3px;}
.page-newsInfo .newsTit{font-size:36px;padding-bottom:15px;}
.page-newsInfo .newsShuju span{font-size:14px;}
.page-newsInfo .newsText{font-size:14px;line-height:26px;}
.page-newsInfo .newsTextNr{padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width:1044px) {
.page-newsInfo{padding-top:50px;}
.page-newsInfo .newsShuju{padding-left:20px;}
.page-newsInfo .newsShuju:after{width:2px;}
.page-newsInfo .newsTit{font-size:30px;padding-bottom:10px;}
.page-newsInfo .newsShuju span{font-size:14px;}
.page-newsInfo .newsText{font-size:14px;line-height:26px;}
.page-newsInfo .newsTextNr{padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width:992px) {
.page-newsInfo{padding-top:50px;max-width:94%;}
.page-newsInfo .newsTit{font-size:28px;padding-bottom:8px;}
.page-newsInfo .newsShuju span{font-size:13px;}
.page-newsInfo .newsText{font-size:13px;line-height:24px;}
.page-newsInfo .newsTextNr{padding-top:30px;padding-bottom:30px;}
}
@media screen and (max-width:768px) {
.page-newsInfo .newsTit{font-size:24px;padding-bottom:5px;}
.page-newsInfo .newsShuju span{font-size:12px;}
.page-newsInfo .newsText{font-size:12px;line-height:24px;}
}
@media screen and (max-width:640px) {
.page-newsInfo .newsTit{font-size:20px;}
}

/*pageBtn*/
.pageBtn{font-size:0;border-top: 1px solid #eaeaed; position:relative;padding:70px 0;}
.pageBtn .w1440{ position:relative; max-width:1440px; margin:0 auto;}
.pageBtn .pageBtnA,
.pageBtn .pageBtnB{display:inline-block;line-height:50px; overflow:hidden;color:#909090;font-size:16px;display:inline-block;color:#333333; position:absolute; top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.pageBtn .pageBtnA{left:0;}
.pageBtn .pageBtnB{right:0;}
.pageBtn .pageBtnA a{display:inline-block;padding-left:64px;background:url(../images/arrow-1.png) no-repeat left center;background-size:24px;}
.pageBtn .pageBtnB a{display:inline-block;padding-right:64px;background:url(../images/arrow-2.png) no-repeat right center;background-size:24px;}
.pageBtn .pageBtnA a:hover{color:#fe4404;}
.pageBtn .pageBtnB a:hover{color:#fe4404;}
@media screen and (max-width:1520px) {
.pageBtn{padding:65px 0;}
.pageBtn .w1440{ max-width:94%; }
}
@media screen and (max-width:1320px) {
.pageBtn{padding:60px 0;}
}
@media screen and (max-width:1220px) {
.pageBtn{padding:50px 0;}
.pageBtn .pageBtnA a{padding-left:50px;background-size:20px;}
.pageBtn .pageBtnB a{padding-right:50px;background-size:20px;}
}
@media screen and (max-width:992px) {
.pageBtn{padding:40px 0;}
.pageBtn .pageBtnA,
.pageBtn .pageBtnB{line-height:40px;font-size:14px;}
.pageBtn .pageBtnA a{padding-left:40px;background-size:18px;}
.pageBtn .pageBtnB a{padding-right:40px;background-size:18px;}
}
@media screen and (max-width:768px) {
.pageBtn{padding:30px 0;}
.pageBtn .pageBtnA,
.pageBtn .pageBtnB{line-height:40px;font-size:12px;}
.pageBtn .pageBtnA a{padding-left:30px;background-size:15px; font-size:0;}
.pageBtn .pageBtnB a{padding-right:30px;background-size:15px;font-size:0;}
.pageBtn .pageBtnA a strong,.pageBtn .pageBtnB a strong{ font-size:12PX;}
}
@media screen and (max-width:640px){ 
.pageBtn .pageBtnA a{padding-left:25px;background-size:10px;}
.pageBtn .pageBtnB a{padding-right:25px;background-size:10px}
}
@media screen and (max-width:350px){ 
.pageBtn .pageBtnA a{padding-left:15px;background-size:8px;}
.pageBtn .pageBtnB a{dpadding-right:15px;background-size:8px}
}


/*page-back*/
.page-back{margin:0 auto;text-align:center;}
.page-back a{display:block;width:150px;font-size:16px;line-height: 50px;height:50px; border-radius:50px;overflow:hidden; text-align:center;color:#3b4048;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; border:1px solid #d2d2d2; position:relative;}
.page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden; border-radius:50px; text-transform:uppercase;}
.page-back a:after{border-radius:50px;content:''; position:absolute;left:50%;top:0; width:0; height:100%;background:#ed713e;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page-back a:hover:after{ width:100%; left:0;}
.page-back a:hover{color:#fff; border-color:#ed713e;}
@media screen and (max-width:1220px) {
.page-back a{width:140px;font-size:16px;line-height:45px;height:45px; border-radius:45px;}
.page-back a:after,
.page-back a span{border-radius:45px;}
}
@media screen and (max-width:992px) {
.page-back a{width:120px;font-size:14px;line-height:40px;height:40px; border-radius:40px;}
.page-back a:after,
.page-back a span{border-radius:40px;}
}
@media screen and (max-width:768px) {
.page-back a{width:90px;font-size:12px;line-height:35px;height:35px; border-radius:35px;}
.page-back a:after,
.page-back a span{border-radius:35px;}
}




/********************************case********************************/
.page-caseList {overflow: hidden;}
.page-caseList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -6.5px;}
.page-caseList ul li{width:25%;margin-bottom:30px;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.page-caseList ul li a{ display:block;margin:0 6.5px;}
.page-caseList ul li p{ line-height: 37px;font-size: 14px;color: #666;}
.page-caseList ul li a .pic{overflow:hidden;padding:32.89473684210526% 0; position:relative;}
.page-caseList ul li a .pic img{display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:100%;width:100%;}
.page-caseList ul li a .pic:before,
.page-caseList ul li a .pic:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page-caseList ul li a .pic:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);left: 0;top: 0;position: absolute;opacity: 0;filter: alpha(opacity=0); z-index:1;}
.page-caseList ul li a .pic:after{content: '';color:#fff;display: block;width:45px;height:45px;line-height:45px;text-align: center;box-sizing:content-box;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background-image:url("../images/case-m.png"); background-position:center; background-repeat:no-repeat;background-size:45px; z-index:2;}
.page-caseList ul li a:hover .pic:before{opacity:1;filter: alpha(opacity=100);}
.page-caseList ul li a:hover .pic:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.page-caseList ul li a:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);}
.page-caseList ul li a,.page-caseList ul .text:after,.page-caseList ul .text h3,.page-caseList ul .text h2,.page-caseList ul .text h3{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.page-caseList ul .text{padding:20px 0;}
.page-caseList ul .text h3{font-weight: normal;font-size:18px;color:#474f62;height:30px;line-height:30px; overflow:hidden; text-align:center;}
.page-caseList ul .text span{display:block;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.page-caseList ul li a:hover{box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); background:#fff8f2;}
.page-caseList ul li a:hover h3{color:#ff7300;}

@media (max-width: 1024px) {
.page-caseList ul li {width:33.33333%;margin-bottom:25px;}
.page-caseList ul .text h3{font-size:16px;}
.page-caseList ul .text{padding:15px 0;}
}
@media (max-width: 768px) {
.page-caseList ul{margin:0 -5px;}
.page-caseList ul li a{margin:0 5px;}
.page-caseList ul .text{padding:10px 0;}
.page-caseList ul li {width:50%;margin-bottom:20px;}
.page-caseList ul .text h3{font-size:14px;}
}
@media (max-width: 550px) {
.page-caseList ul{margin:0 0;}
.page-caseList ul li {width:100%;display:block;margin-bottom:20px;}
.page-caseList ul li a{margin:0 5px;}
}



/*****************************organList2*****************************/
.organList2 .organList2ul{margin:0 -16px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;background:#fff;}
.organList2 li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;vertical-align:top;margin-bottom:55px;}
.organList2 li a{display:block; margin:0 16px;padding:0;overflow:hidden;position:relative;}
.organList2 li a{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.organList2 li a .line{width:100%; height:5px;background: -webkit-linear-gradient(right,#edad3e 0%,#e54300 100%);background: -moz-linear-gradient(right,#edad3e 0%,#e54300 100%);background:-o-linear-gradient(right,#edad3e 0%,#e54300 100%);background: linear-gradient(to right,#edad3e 0%,#e54300 100%);background:-ms-linear-gradient(top right,#edad3e,#e54300);}
.organList2 li a .ImgBoxB{border:1px solid #dcdcdc;border-bottom:none;position: relative;}
.organList2 li a .ImgBoxB{ overflow: hidden;position: relative;}
.organList2 li a .ImgBoxB:before,
.organList2 li a .ImgBoxB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.organList2 li a .ImgBoxB:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0);left: 0;top: 0;position: absolute;}
.organList2 li a .ImgBoxB:after{content: '';color:#fff;display: block;width:60px;height:60px;line-height:60px;text-align: center;box-sizing:content-box;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background-image:url("../images/top-search2.png"); background-position:center; background-repeat:no-repeat;background-size:24px;background-color:rgba(255,255,255,.5);border:15px solid rgba(255,255,255,.2); z-index:2;}
.organList2 li a:hover .ImgBoxB:before{background-color: rgba(0,0,0,0.4); z-index:1;}
.organList2 li a:hover .ImgBoxB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.organList2 li a .ImgBox{ width:100%; padding:53% 0;position:relative;overflow:hidden; }
.organList2 li a .img{width: 100%;height: 100%;}
.organList2 li a img{position: absolute;max-width:64%;max-height: 64%;left: 50%;top:50%;transform: translate(-50%,-50%);}
/*.organList2 li a:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);}*/
.organList2 li a,.organList2 li a:after{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.organList2 li .listTitle{}
.organList2 li .listTitle .t{ display:block;font-size:16px;color:#474f62;line-height:30px;text-align:center;padding:20px 0;}
/*.organList2 li a:before{ content:'';transition: all 0.5s;position: absolute;width: 100%;left: 0px;bottom:0;height:1px;background:#dcdcdc;}
.organList2 li a:after{ content:'';transition: all 0.5s;position: absolute;left: 0px;bottom:0;width:0;height:2px;}*/
/*.organList2 li a:hover:after{width: 100%;background:#ff7300;}*/
.organList2 li a:hover .listTitle .t{color:#ff7300;}
@media screen and (max-width:1720px) {
	.organList2 .organList2ul{margin:0 -15px;}	
	.organList2 li a{margin:0 15px;}	
	
}
@media screen and (max-width:1520px) {
	.organList2 .organList2ul{margin:0 -10px;}	
	.organList2 li a{margin:0 10px;}	
}
@media screen and (max-width:1024px) {
	.organList2 li .listTitle .t{font-size:14px; line-height:26px;}
}
@media screen and (max-width:768px) {
	.organList2 li{width:50%;margin-bottom:20px;}
	.organList2 .organList2ul{margin:0 -5px;}	
	.organList2 li a{margin:0 5px;}	
	.organList2 li .listTitle .t{padding:10px 5px 10px 5px;}
	.organList2 li .listTitle .t{font-size:12px;line-height:24px;}
}
@media screen and (max-width:350px) {
	.organList2 .organList2ul{margin:0 -5px;}	
	.organList2 li a{margin:0 5px;}	
	.organList2 li{width:100%;}
}


/********************************user********************************/
.dealer-areaBox{width:100%;height:100vh;background:#000;position:relative;}
.dealer-area{background-size:cover;background:#000}
.dealer-area .dealer-areaNr{ position:absolute; left:0;top:8.148148148148148%;right:0; margin:0 auto;}
.dealer-area .dealer-areabg{position:absolute;left:0;right:0;top:0;width:100%;height:100%;background:url(../images/adminbg.jpg) no-repeat center top;background-size:cover}
.dealer-area .pageT1{ position:relative; z-index:2; text-align:center; margin-bottom:100px;}
.dealer-area .pageT1 img{ max-height:56px;}
.dealer-area .pageFrom{position:relative;z-index:2;display:block;margin:0 auto;display:block;background:url(../images/bg20.png) repeat center top;border-radius:15px;max-width:560px}
.dealer-area .pageFrom dl{padding:45px 50px}
.dealer-area .title{font-size:20px;text-align:center;color:#ffffff;margin-bottom:43px}
.dealer-area dl{display:block}
.dealer-area dt{text-align:center;font-size:30px;color:#333333;margin-bottom:12%}
.dealer-area dd{margin-bottom:10px;position:relative}
.dealer-area .text{width:100%;border:1px solid #eeeeee;font-size:16px;color:#9ea0ae;line-height:55px;height:55px;padding:0 40px;background:url(../images/u-icon1.png) no-repeat 15px center #fff;border-radius:0px;background-size:15px}
.dealer-area .dd1:before{content:'';width:40px;position:absolute;left:0;top:0;height:100%;background:url(../images/u-icon1.png) no-repeat 15px center #fff;border-radius:0px;background-size:15px}
.dealer-area .text.password{background-image:url(../images/u-icon2.png)}
.dealer-area .dd2:before{content:'';width:40px;position:absolute;left:0;top:0;height:100%;background:url(../images/u-icon2.png) no-repeat 15px center #fff;border-radius:0px;background-size:15px}
.dealer-area .text.getcode{background-image:url(../images/u-icon3.png);width:50%;float:left;margin-right:10px;margin-bottom:50px}
.dealer-area dd .kk{float:left;margin-left:10px;color:#fff}
.dealer-area .btn{line-height:60px;height:60px;text-align:center;color:#fff;background-color:#ed713e;font-size:16px;width:100%;border:none;cursor:pointer}
.dealer-area .btn:hover{background-color:#ed713e}
.dealer-area .dd4{text-align:center;margin:4% 0 0;margin-top:40px;clear:both}
.dealer-area .dd4 a{color:#c8192a}
/* .dealer-area:before{content:''; position:absolute; left:0;right:0; width:100%; height:100%; background: url(../images/adminbg.jpg) repeat-x center top;width: 120%;pointer-events: none;transition: 2.5s;animation: cloudMove 30s linear infinite 0.6s;}*/
@keyframes cloudMove {
  0% {
    transform: translate(0);
    -webkit-transform: translate(0);
  }
  50% {
    transform: translate(-20%);
    -webkit-transform: translate(-20%);
  }
  100% {
    transform: translate(0%);
    -webkit-transform: translate(0%);
  }
}



/*****************************service*****************************/
.sProcess td{ text-align:center; vertical-align:top;}
.sProcess td p{font-size:18px;text-align:center;color:#474f62; margin-top:40px; line-height:normal;}
.sProcess td img{width:118px;}
.sProcess td.sp0 img{ width:96px;}
.sProcess2{ max-width:940px; margin:0 auto;}
@media screen and (max-width:1220px){
.sProcess td p{font-size:16px;margin-top:30px;}
.sProcess td img{width:118px;}
.sProcess td.sp0 img{ width:96px;}
}
@media screen and (max-width:768px){
.sProcess{ font-size:0;}
.sProcess td{ display:inline-block!important;*display:inline!important;zoom:1; width:20%; padding-bottom:30px;}
.sProcess td.sp0 img{ width:70px;}
.sProcess td.sp0.spc{ display:none!important;}
.sProcess td p{font-size:14px;}
}
@media screen and (max-width:768px){
.sProcess td{padding-bottom:20px;}
.sProcess td p{font-size:12px;margin-top:20px;}
}

/*qalist*/
.qalist{padding-top:35px;padding-bottom:65px;}
.qalist li{background:#eaeef4;position:relative;border-bottom:1px solid #eaeef4;}
.qalist li .title{padding:44px 30px 44px 35px;overflow:hidden;zoom:1; cursor:pointer;}
.qalist li .title .Tit{font-size:24px; color:#474f62; display:block; line-height:42px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding-left:75px;}
.qalist li .title .Tit .num{ display:inline-block;width:42px; height:42px;line-height:42px;font-size:20px; color:#fff;background:#858585; border-radius:50%; overflow:hidden; text-align:center; position:absolute; left:0;}
.qalist li .title .close{display:block;width:30px; height:30px; overflow:hidden; position:absolute; top:0; right:0;display:block;overflow:hidden;background:url(../images/v.png) center center no-repeat;background-size:18px;transition: all 0.2s ease;}
.qalist li .title.on .close{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.qalist li .title.on  .Tit{color:#ed713e;}
.qalist li .tmain{ padding:0 30px;display:none;font-size:15px;line-height:30px;color:#3b4048;}
.qalist li .tmain .tmainB{border-top:1px solid #d8dce2;padding:30px 45px 30px 45px;}
.qalist li:nth-child(2n){ background:#fff;}
.qalist li:nth-child(2n) .title .Tit .num{ background:#ed713e;}
@media screen and (max-width:1220px){
.qalist li .title .Tit{font-size:16px;}
.qalist li .tmain{font-size:14px; line-height:26px;}	
.qalist li .title .Tit .num{font-size:13px;}
}
@media screen and (max-width:1024px){
.qalist{padding-top:30px;padding-bottom:50px;}
.qalist li .title{padding:19px 30px 19px 30px;}
.qalist li .title .Tit{font-size:14px;line-height:30px;padding-left:45px;}
.qalist li .title .Tit .num{width:28px; height:28px;line-height:28px;font-size:12px; top:2px;}
.qalist li .title .close{width:30px; height:30px; background-size:15px;}
.qalist li .tmain{ padding:0 30px;font-size:14px;line-height:30px;}
.qalist li .tmain .tmainB{padding:30px 45px 30px 45px;}
}
@media screen and (max-width:768px){
.qalist{padding-top:30px;padding-bottom:30px;}
.qalist li .title{padding:15px 20px 15px 20px;}
.qalist li .title .Tit{font-size:14px;line-height:28px;padding-left:35px;}
.qalist li .title .Tit .num{width:24px; height:24px;line-height:24px;font-size:12px; top:2px;}
.qalist li .title .close{width:30px; height:30px; background-size:10px;}
.qalist li .tmain{ padding:0 20px;font-size:13px;line-height:24px;}
.qalist li .tmain .tmainB{padding:20px 35px 20px 35px;}
}





/*pageNav2*/
.pageNav2{text-align:center; padding-top:28px; border-top:1px solid #e2e2e2; margin-bottom:30px;}
.pageNav2 ul{ margin:0 auto; font-size:0; display:inline-block;}
.pageNav2 li{ display:inline-block;*display:inline;zoom:1;float:left; margin-bottom:5px;}
.pageNav2 li a{display:block; color:#7d7e8d; margin:0 20px;background:#fff;width:132px; border-radius:5px;line-height:43px;font-size:16px;}
.pageNav2 li a span{ display:inline-block;position:relative; z-index:2;}
.pageNav2 li .on{background:#ed713e;color:#fff;}
@media screen and (max-width:1220px){
.pageNav2{padding-top:25px; margin-bottom:25px;}
.pageNav2 li a{margin:0 15px;width:120px;line-height:40px;font-size:15px;}
}
@media screen and (max-width:1024px){
.pageNav2{padding-top:20px; margin-bottom:20px;}
.pageNav2 li a{margin:0 10px;width:100px;line-height:36px;font-size:14px;}
}
@media screen and (max-width:1024px){
.pageNav2{padding-top:15px; margin-bottom:15px;}
.pageNav2 li a{margin:0 5px;padding:0 15px;width:auto;line-height:30px;font-size:12px;}
}
@media screen and (max-width:768px){
/*.pageNav2 {padding-top:0.3125rem;margin-bottom:0.3125rem;}
.pageNav2 li a {margin:0 0.2rem;padding:0 0.2rem;width:auto;line-height:0.5625rem;font-size:0.21875rem;}*/
}






/*service4*/
.service4BOX{background:#f2f2f6; position:relative;margin-bottom:100px;}
.service4B1{width:62%; float:left;height:720px; }
.service42{display:block; padding-bottom:80px;font-size:14px; color:#5e5e5e;vertical-align:top;padding:0 0; }
.service42 .line{ padding-top:23px;}
.service4Tit{width:38%; float:right; height:720px; position:relative;}
.service4Tit .t{ position:absolute; left:0;right:0;top:35%; padding:0 3%;}
.service4Tit .t .cn{display:block;font-size:28px; color:#fff;line-height:30px; text-align:center;}
.service4Tit .t .en{display:block;font-size:15px; color:#fff;line-height:30px;padding-top:30px; text-align:center;}

.service4BOX .service4Tit{background-image:url(../images/service4-1.jpg); background-position:center top; background-repeat:no-repeat;position:relative; overflow:hidden;}
.service4BOX .service4title{ font-size:24px; color:#474f62; margin-bottom:40px; text-align:center;}
/*service4Box*/
.service4Box{padding:55px 85px 30px 85px;font-size:14px;color:#fff;line-height:30px; }
.service4fb{font-size:16px;color:#7d7e8d;line-height: 30px;text-align:left;padding:0;}
.service4fb .t{ display:block;}
.service4fb label{display:block;}
.service4fb label.l1{position:relative;}
.service4fb .text{display:block;width: 100%;padding:0 25px;height:55px;margin-bottom:10px;outline:none;font-size:16px;color:#9ea0ae;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-radius:0;background:#fff;text-align:left; position:relative;}
.service4fb .text2{display:block;width:100%!important;padding:15px 25px;height:140px;margin-bottom:10px;outline:none;font-size:16px;color:#9ea0ae;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-radius:0;text-align:left;background:#fff;}
.service4fb .getcode{display:block;width:60%;padding:0 25px;height:64px;margin-bottom:0; float:left;
outline:none;font-size:16px;color:#9ea0ae;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-radius:0;background:#fff;text-align:left;}
.service4fb .inputbtn{display:block;color:#fff;font-size:16px;width:100%;line-height:60px; margin-top:140px;background:#7d7e8d;overflow: hidden;}
.service4fb .getbtntd .inputbtn{margin-top:10px;}
.service4fb .inputbtn:hover{color:#fff;background:#ed713e;}
.service4fb .l1Box{ position:relative;}
.service4fb .getcodetd img{ float:left; margin:20px 20px;}
.service4fb .getcodetd .kk{ line-height:64px;}
@media screen and (max-width:1220px){	
.service4BOX{margin-bottom:80px;}
.service4Box{padding:55px 50px 30px 50px;}
.service4fb .getcode{ width:30%;}
.service4fb{font-size:14px;}
.service4BOX .service4title{ font-size:20px;margin-bottom:30px;}
}
@media screen and (max-width:992px){	
.service4BOX{margin-bottom:60px;}
.service4Box{padding:55px 30px 50px 30px;}
.service4fb{margin:0;}
.service4fb label .l1Box{margin:0 auto;}
.service4BOX .service4title{ font-size:18px;margin-bottom:25px;}
.service4B1{width:100%; float:none;height:auto;}
.service4Tit{width:100%; float:none;height:200px;display:none;}

.service4fb .text{padding:0 20px;height:50px;font-size:14px;}
.service4fb .text2{padding:15px 20px;height:110px;margin-bottom:10px;font-size:14px;}
.service4fb .getcode{padding:0 20px;height:50px;font-size:14px;}

.service4fb .inputbtn{font-size:14px;line-height:50px; margin-top:50px;}
}
@media screen and (max-width:768px){
.service4BOX{margin-bottom:50px;}
.service4fb label.l3{ text-align:center;}	
.service4Tit{ height:39.0625vw;float:none}

.service4fb .text{padding:0 15px;height:45px;font-size:14px;}
.service4fb .text2{padding:15px 15px;height:110px;margin-bottom:10px;font-size:14px;}
.service4fb .getcode{padding:0 15px;height:45px;font-size:14px;}
.service4fb .inputbtn{font-size:14px;line-height:45px; margin-top:40px;}
}













/*page-service5*/
.page-service5{overflow:hidden; padding-bottom:90px; max-width:1200px; margin:0 auto;}
.page-service5 h2{font-size:28px;color:#474f62; font-weight:500;margin-bottom:30px; text-align:center;}
.page-service5 .page-service5ul{position:relative; font-size:0; padding-top:60px;}
.page-service5 .page-service5ul{margin:0;height: 100%;overflow: hidden;}
.page-service5 .page-service5ul .li{height:100%;overflow: hidden; position:relative; padding-right:50%; min-height:400px;}
.page-service5 .page-service5ul .li .imgBox{display: block;position: relative;width:100%; height:100%;overflow: hidden; min-height:310px;height:400px;}
.page-service5 .page-service5ul .li .imgBox img{display: block;height:100%;object-fit: cover; display:block;}
.page-service5 .page-service5ul .li .title{width:50%;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);/*max-height:500px; overflow-y:scroll; */}
.page-service5 .page-service5ul .li .title::-webkit-scrollbar{width:0;height:4px;background-color:#333333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.page-service5 .page-service5ul .li .title::-webkit-scrollbar-thumb{ background-color:#575552;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	
.page-service5 .page-service5ul .li .title .titleNr{padding-top:30px;padding-bottom:30px;padding-left:95px;padding-right:95px;position:relative;z-index:2;}
.page-service5 .page-service5ul .li .title h3{font-size:24px;color:#474f62; font-weight:500;margin-bottom:30px;}
.page-service5 .page-service5ul .li .title .wz{font-size:16px;color:#474f62;line-height:28px; text-align:justify; }
.page-service5 .page-service5ul .li .title .mCSB_inside>.mCSB_container{ margin-right:30px;}
.page-service5 .page-service5ul .li .title .mCSB_scrollTools{width:6px;}
.page-service5 .page-service5ul .li .title .mCSB_scrollTools .mCSB_draggerRail{background:#d8d8d8!important;width:6px;}
.page-service5 .page-service5ul .li .title .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#595959!important;width:6px;}
/**/
.page-service5 .page-service5ul .li:nth-child(2n-1) .title{ right:auto; left:0;}
.page-service5 .page-service5ul .li:nth-child(2n-1){padding-left:50%; padding-right:0%;}
/**/
.page-service5 .page-service5ul .li .imgBox img,
.page-service5 .page-service5ul .li .imgBox,
.page-service5 .page-service5ul .li .title{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.page-service5 .page-service5ul .li:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1220px){
	.page-service5 h2{font-size:24px;margin-bottom:25px;}
	.page-service5 .page-service5ul{padding-top:30px;}
    .page-service5 .page-service5ul .li .title .titleNr{ padding-top:30px;padding-bottom:30px;padding-left:50px;padding-right:50px;}
	.page-service5 .page-service5ul .li .title h3{font-size:20px;margin-bottom:25px;}
	.page-service5 .page-service5ul .li .title .wz{font-size:14px;line-height:24px;}
}
@media screen and (max-width:768px){
	.page-service5{padding-bottom:50px;}
	.page-service5 h2{font-size:20px;margin-bottom:20px;}
	.page-service5 .page-service5ul{padding-top:20px;}
    .page-service5 .page-service5ul .li{padding:0; min-height: inherit;}
    .page-service5 .page-service5ul .li .imgBox{padding:25% 0;width:100%;position: relative;min-height: inherit; height:auto;}
	.page-service5 .page-service5ul .li .imgBox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
	.page-service5 .page-service5ul .li .title{width:100%;position:static;right: 0;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);overflow-y:hidden;}
	.page-service5 .page-service5ul .li .title .titleNr{ padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;}
    .page-service5 .page-service5ul .li .title h3{font-size:16px;margin-bottom:20px;}
	.page-service5 .page-service5ul .li .title .wz{font-size:12px;line-height:24px;}
	.page-service5 .page-service5ul .li:nth-child(2n-1){padding-left:0; padding-right:0;}
	
	
	.page-service5 .page-service5ul .li .title .mCSB_inside>.mCSB_container{ margin-right:10px;}
	.page-service5 .page-service5ul .li .title .mCSB_scrollTools{width:4px;}
.page-service5 .page-service5ul .li .title .mCSB_scrollTools .mCSB_draggerRail{background:#d8d8d8!important;width:4px;}
.page-service5 .page-service5ul .li .title .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#595959!important;width:4px;}
    .page-service5 .page-service5ul .li .title .wz{max-height: inherit;}
}








/*Contact*/
.contactTable{ margin:0 -11.5px; font-size:0; overflow:hidden; line-height:0; }
.contactTable .wz{display:inline-block;*display:inline;zoom:1;width:33.33333%;border-radius:10px; overflow:hidden;padding:12px 0; vertical-align:top;}
.contactTable .wzNR{background:#f2f2f6;margin:0 11.5px;}
.contactTable .wz .img{ overflow:hidden;}
.contactTable .wz img{ width:100%; display:block;}
.contactTable .item{ padding:45px 35px 35px 35px; text-align:center;min-height:140px;font-size:15px; color:#3b4048;line-height:26px;}
.contactTable .item h2{ font-size:18px; color:#000000; line-height:30px;}
.contactTable .item .btn{ padding-top:25px;}
.contactTable .item a{ width:45%;display:inline-block; font-size:14px; line-height:40px;margin:0 2%; border:1px solid #d2d2d2; border-radius:5px; color:#333333;}
.contactTable .item a:hover{ background:#ed713e;color:#fff;}


.contactTable .wz .wzNR,.contactTable .wz .img,
.contactTable .wz img{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.contactTable .wz .wzNR:hover .img img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:1220px) {
.contactTable .item{ padding:45px 25px 35px 25px;}	
.contactTable{ margin:0 -10px;}
.contactTable .wz{padding:10px 0;}
.contactTable .wzNR{margin:0 10px;}
}
@media screen and (max-width:1024px) {
.contactTable{ margin:0 -8px;}
.contactTable .wz{padding:8px 0;}
.contactTable .wzNR{margin:0 8px;}
.contactTable .item{ padding:40px 20px 30px 20px;}	
}
@media screen and (max-width:992px) {
.contactTable{ margin:0 -10px;}
.contactTable .wz{padding:10px 0;}
.contactTable .wzNR{margin:0 10px;}
.contactTable .wz{width:50%;}
.contactTable .item{ padding:35px 15px 20px 15px;}	
}
@media screen and (max-width:768px) {
.contactTable .item{ padding:30px 10px 20px 10px;}	
.contactTable{ margin:0 0px;}
.contactTable .wz{padding:10px 0;}
.contactTable .wzNR{margin:0 0px;}
.contactTable .wz{width:100%;}
}



/**/
.pageMap{margin-top:15px; margin-bottom:32px;}
@media screen and (max-width:768px){
.pageMap{margin-top:20px;}
}





/********************************tech********************************/
/*pagetechList*/
.pagetechList{ padding-top:75px;}
.pagetechList li{margin-bottom:115px;}
.pagetechList .nei{position:relative;}
/*img-box*/
.pagetechList .img-box{width:50%;text-align:center;position:relative; height:100%;float:left;}
.pagetechList .img-box video{width:80%;height:100%;object-fit:cover;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pagetechList .img-box .img{width:100%;height:auto;padding-bottom:66.66666666666667%;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pagetechList .img-box .img img{max-width:none;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;}
.pagetechList .img-box .img video{position:absolute;left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover;}
/*text-box*/
.pagetechList .text-box{padding-top:10%;width:50%;height:91%;position: absolute;right: 0;top:0;}
.pagetechList .text-boxNr{margin-left:16.66666666666667%;position:relative;height:100%; padding-left:120px;}
.pagetechList .num{font-size:40px;color:#c4c8cf; vertical-align:top;position: absolute;top:0;left:16px;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}
.pagetechList .line{width:1px; height:115px; background:#c4c8cf;overflow:hidden;position: absolute;top:0;left:0;}
.pagetechList .title{padding-bottom:7%;color:#000000;font-weight:normal;}
.pagetechList .title span{display:inline-block;font-size:24px;color:#474f62;line-height:36px;position:relative;padding-right:64px;background-image:url(../images/page3-line.png); background-position:right top; background-repeat:no-repeat; background-size:50px;}
.pagetechList .desc{padding:0; font-size:18px; line-height:32px;overflow:hidden;color:#474f62; max-width:70%;}

.pagetechList .bline{position: absolute;bottom:0;right:0; width:100%; text-align:right; padding-bottom:24px;}
.pagetechList .bline:after{ content:''; width:97px;height:6px;background:#f08519; margin:0;display:block;position:absolute;bottom:0;right:0;}
.pagetechList .bline span{padding:0;font-size:20px;line-height:normal;overflow:hidden;color:#d8d8d8; display:block; text-transform:uppercase;margin-bottom:20px; }
/*2n*/
.pagetechList li:nth-child(2n) .img-box{ float:right;}
.pagetechList li:nth-child(2n) .text-box{right:auto; left:0;}
.pagetechList li:nth-child(2n) .text-box .text-boxNr{margin-left:16.66666666666667%;margin-right:8.3%;}

/*li2*/
.pagetechList li.li2 .img-box{ width:54.16666666666667%;}
.pagetechList li.li2 .img-box .img{padding-bottom:60.43956043956044%;}

/*li3*/
.pagetechList li.li3 .img-box{ width:43.45238095238095%;}
.pagetechList li.li3 .img-box .img{padding-bottom:75.34246575342466%;}
.pagetechList li.li3 .text-box{width:55%;}

/*li4*/
.pagetechList li.li4 .img-box{ width:53.57142857142857%;}
.pagetechList li.li4 .img-box .img{padding-bottom:60.43956043956044%;}

/*li5*/
/*.pagetechList li.li5 .img-box{ width:43.45238095238095%;}
.pagetechList li.li5 .img-box .img{padding-bottom:75.34246575342466%;}
.pagetechList li.li5 .text-box{width:55%;}*/

/*li7*/
.pagetechList li.li7 .img-box{ width:57.14285714285714%;}
.pagetechList li.li7 .img-box .img{padding-bottom:58.33333333333333%;}
.pagetechList li.li7 .text-box{width:42.85714285714286%;}


@media screen and (max-width:1520px){
.pagetechList{ padding-top:70px;}
.pagetechList li{margin-bottom:110px;}
.pagetechList .text-boxNr{padding-left:110px;}
.pagetechList .num{font-size:38px;left:15px;}
.pagetechList .line{height:115px;}
.pagetechList .title span{font-size:22px;line-height:32px;padding-right:60px;background-size:45px;}
.pagetechList .desc{font-size:17px;line-height:30px;}
}
@media screen and (max-width:1320px){
.pagetechList{ padding-top:65px;}
.pagetechList li{margin-bottom:100px;}
.pagetechList .text-boxNr{padding-left:100px;}
.pagetechList .num{font-size:36px;left:14px;}
.pagetechList .line{height:100px;}
.pagetechList .title span{font-size:20px;line-height:30px;padding-right:55px;background-size:40px;}
.pagetechList .desc{font-size:16px;line-height:28px;}
}
@media screen and (max-width:1220px){
.pagetechList{ padding-top:50px;}
.pagetechList li{margin-bottom:90px;}
.pagetechList .text-boxNr{padding-left:100px;}
.pagetechList .num{font-size:32px;left:14px;}
.pagetechList .line{height:100px;}
.pagetechList .title span{font-size:18px;line-height:28px;padding-right:50px;background-size:35px;}
.pagetechList .desc{font-size:14px;line-height:26px;}
}
@media screen and (max-width:1044px){
.pagetechList{ padding-top:40px;}
.pagetechList li{margin-bottom:70px;}

.pagetechList .text-boxNr{padding-left:90px;margin-left: 10%;}
.pagetechList li:nth-child(2n) .text-box .text-boxNr{margin-left:10%;margin-right:6%;}
.pagetechList .num{font-size:30px;left:14px;}
.pagetechList .line{height:100px;}
.pagetechList .title span{font-size:16px;line-height:28px;padding-right:50px;background-size:35px;}
.pagetechList .desc{font-size:13px;line-height:26px;}

.pagetechList .text-box{padding-top:8%;}
.pagetechList .desc{max-width:80%;}
	.pagetechList .title{padding-bottom:6%;}
}
@media screen and (max-width:992px){
.pagetechList{ padding-top:30px;}
.pagetechList li{margin-bottom:50px;}

.pagetechList .text-boxNr{padding-left:80px;}
.pagetechList .num{font-size:28px;left:14px;}
.pagetechList .line{height:100px;}
.pagetechList .title span{font-size:15px;line-height:28px;padding-right:50px;background-size:35px;}
.pagetechList .desc{font-size:12px;line-height:26px;}

.pagetechList .text-boxNr{padding-left:70px;margin-left:5%;}
.pagetechList li:nth-child(2n) .text-box .text-boxNr{margin-left:5%;margin-right:5%;}
.pagetechList .text-box{padding-top:5%;}
.pagetechList .desc{max-width:90%;}
	.pagetechList .title{padding-bottom:5%;}


}
@media screen and (max-width:768px){
	
	.pagetechList .img-box{width:100%!important;float:none!important;}
    .pagetechList .text-box{width:100%!important;float:none!important;position:static;right: 0;top:0;}
	.pagetechList .title{padding-bottom:3%;}
}
@media screen and (max-width:640px){

}
@media screen and (max-width:370px){


}











/*****************************end*****************************/




/*****************************end*****************************/
/*talentTable*/
.talentTable{width:100%; position:relative; margin-top:105px; margin-bottom:55px;}
.talentTable:after{ content:''; width:1920px; height:100%;background:url(../images/talentbg.jpg) no-repeat center bottom; position:absolute; left:50%; margin-left:-960px; top:0;z-index:0;}
.talentTable .img{padding-bottom:85px; width:54.76190476190476%; position: absolute; left:0;top:0; z-index:1; vertical-align:top; z-index:1;}
.talentTable .img img{max-width:100%;}
.talentTable .img:after{content:'';background:url(../images/talent-picbg.jpg) no-repeat center top;width:83px; height:60px; position:absolute; left:100%;top:-34px; margin-left:47px;}
.talentTable .wz{padding-top:90px;width:54.76190476190476%;position: relative;z-index:2;padding-left: 0;vertical-align: bottom;}
.talentTable .wzBox{ background:#fff;padding-top:120px;padding-bottom:65px; position:relative;box-shadow:-15px -15px 15px rgba(0, 0, 0, 0.05);}
.talentTable .wzB{padding-left:170px;padding-right:170px;max-width:500px; margin:0 auto;position:relative; z-index:2;}
@media screen and (max-width:1680px) {
.talentTable .wzBox{padding-top:13%;padding-bottom:7%;}
.talentTable .wzB{padding-left:18.47826086956522%;padding-right:18.47826086956522%;}
}
@media screen and (max-width:1520px) {
.talentTable .wzBox{padding-top:10%;padding-bottom:7%;}
.talentTable .wzB{padding-left:15%;padding-right:15%;}
}
@media screen and (max-width:1350px) {
.talentTable .wzBox{padding-top:8%;padding-bottom:7%;}
.talentTable .wzB{padding-left:10%;padding-right:10%;}
}
@media screen and (max-width:1220px) {
		.talentTable{margin-top:90px;}
	.talentTable .wzBox{  padding-top:55px; padding-bottom:55px;}
	.talentTable .wzB{padding-left:55px;padding-right:55px;}
}
@media screen and (max-width:1024px) {
		.talentTable{margin-top:70px;}
	.talentTable .wzBox{padding-top:35px; padding-bottom:35px;}
	.talentTable .wzB{padding-left:35px;padding-right:35px;}
}
@media screen and (max-width:992px) {
	.talentTable{margin-top:50px;}
	.talentTable .img{ display:block!important; width:100%;padding-bottom:20px; position:relative;}
	.talentTable .img img{width: 100%;max-width: 100%;}
	.talentTable .wz{display:block!important;width: 100%;padding-top:20px;padding-left: 0;}
	.talentTable .wzBox{padding-top:0px;padding-bottom:30px; margin-bottom:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0);}
	.talentTable .wzB{padding-left: 30px;padding-right:30px; }
}




/*page-talentlist1*/
.page-talentlist1{overflow:hidden;max-width:100%; margin:0 auto; background:#f3f3f3; padding-top:65px; padding-bottom:35px;}
.page-talentlist1 .page-talentlist1ul{position:relative; font-size:0;}
.page-talentlist1 .page-talentlist1ul{margin:0;height: 100%;overflow: hidden;}
.page-talentlist1 .page-talentlist1ul .li{height:100%;overflow: hidden; position:relative; padding-left:36.9047619047619%;margin-bottom:60px;}
.page-talentlist1 .page-talentlist1ul .li .imgBox{display: block;position: relative;width:100%;overflow: hidden;}
.page-talentlist1 .page-talentlist1ul .li .imgBox .img{display: block;position: relative;width:100%;padding-bottom:59.43396226415094%;overflow: hidden;}
.page-talentlist1 .page-talentlist1ul .li .imgBox .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;width:auto;height:100%; max-width:none;}

/**/
.page-talentlist1 .page-talentlist1ul .li .title{width:50%;position:absolute;left:0;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.page-talentlist1 .page-talentlist1ul .li .title .titleNr{padding-right:8px;padding-left:115px;position:relative;z-index:2;background: url("../images/talent-line.png") 10px top no-repeat;background-size:55px;}
.page-talentlist1 .page-talentlist1ul .li .title .titleNr:after{ content:'';width:1px; height:100%; background:#c4c8cf;overflow:hidden;position: absolute;top:0;left:0;}
.page-talentlist1 .page-talentlist1ul .li .title .cn{font-size:32px;color:#474f62; font-weight:500; margin-bottom:10px;}
.page-talentlist1 .page-talentlist1ul .li .title .en{font-size:59px;color:#7d7e8d; line-height:59px;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700; max-width:230px; text-transform:uppercase;}
.page-talentlist1 .page-talentlist1ul .li .title .wz{margin-top:110px;}

/**/
.page-talentlist1 .page-talentlist1ul .li:nth-child(2n) .title{width:29%;left:auto; right:0;}
.page-talentlist1 .page-talentlist1ul .li:nth-child(2n){padding-left:0; padding-right:36.9047619047619%;}
/**/
.page-talentlist1 .page-talentlist1ul .li .imgBox img,
.page-talentlist1 .page-talentlist1ul .li .imgBox,
.page-talentlist1 .page-talentlist1ul .li .title{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
/**/
.page-talentlist1ul .swiper-button-prev{position:static;transition: 0.4s;opacity: 1;display:inline-block;width:18px;height:34px;bottom:0;margin:0;left:auto;right:auto;background: url("../images/btn-l.png") center center no-repeat;background-size:100%;outline: none; z-index:9;top:auto; margin-right:20px;}
.page-talentlist1ul .swiper-button-next{position:static;transition: 0.4s;opacity: 1;display:inline-block;width:18px;height:34px;bottom:0;margin:0;right:auto;background: url("../images/btn-r.png") center center no-repeat;background-size:100%;outline: none; z-index:9; top:auto;}
@media screen and (max-width:1520px){
.page-talentlist1 .page-talentlist1ul .li .title .titleNr{padding-left:105px;background-size:45px;}
.page-talentlist1 .page-talentlist1ul .li .title .cn{font-size:30px;}
.page-talentlist1 .page-talentlist1ul .li .title .en{font-size:57px;line-height:57px;}
.page-talentlist1 .page-talentlist1ul .li .title .wz{margin-top:100px;}
.page-talentlist1 .page-talentlist1ul .li{margin-bottom:55px;}

.page-talentlist1ul .swiper-button-prev,
.page-talentlist1ul .swiper-button-next{width:16px;height:34px;margin-right:18px;}
}
@media screen and (max-width:1320px){
.page-talentlist1 .page-talentlist1ul .li .title .titleNr{padding-left:95px;background-size:35px;}
.page-talentlist1 .page-talentlist1ul .li .title .cn{font-size:28px;}
.page-talentlist1 .page-talentlist1ul .li .title .en{font-size:50px;line-height:50px;}
.page-talentlist1 .page-talentlist1ul .li .title .wz{margin-top:90px;}
.page-talentlist1 .page-talentlist1ul .li{margin-bottom:45px;}

.page-talentlist1ul .swiper-button-prev,
.page-talentlist1ul .swiper-button-next{width:15px;height:34px;margin-right:15px;}
}
@media screen and (max-width:1220px){
.page-talentlist1{padding-top:55px; padding-bottom:30px;}
.page-talentlist1 .page-talentlist1ul .li .title .titleNr{padding-left:95px;background-size:35px;}
.page-talentlist1 .page-talentlist1ul .li .title .cn{font-size:28px;}
.page-talentlist1 .page-talentlist1ul .li .title .en{font-size:50px;line-height:50px;}
.page-talentlist1 .page-talentlist1ul .li .title .wz{margin-top:90px;}
.page-talentlist1 .page-talentlist1ul .li{margin-bottom:45px;}

.page-talentlist1ul .swiper-button-prev,
.page-talentlist1ul .swiper-button-next{width:15px;height:34px;margin-right:15px;}
}
@media screen and (max-width:1024px){
.page-talentlist1{padding-top:50px; padding-bottom:30px;}
.page-talentlist1 .page-talentlist1ul .li .title .titleNr{padding-left:80px;background-size:30px;}
.page-talentlist1 .page-talentlist1ul .li .title .cn{font-size:24px;}
.page-talentlist1 .page-talentlist1ul .li .title .en{font-size:40px;line-height:40px;}
.page-talentlist1 .page-talentlist1ul .li .title .wz{margin-top:70px;}
.page-talentlist1 .page-talentlist1ul .li{margin-bottom:40px;}

.page-talentlist1ul .swiper-button-prev,
.page-talentlist1ul .swiper-button-next{width:13px;height:34px;margin-right:13px;}
}
@media screen and (max-width:992px){
.page-talentlist1 .page-talentlist1ul .li .title .titleNr{padding-left:60px;background-size:25px;}
.page-talentlist1 .page-talentlist1ul .li .title .cn{font-size:20px;}
.page-talentlist1 .page-talentlist1ul .li .title .en{font-size:32px;line-height:32px;}
.page-talentlist1 .page-talentlist1ul .li .title .wz{margin-top:70px;}
.page-talentlist1 .page-talentlist1ul .li{margin-bottom:40px;}
}
@media screen and (max-width:768px){	
.page-talentlist1 .page-talentlist1ul .li .title .titleNr {padding-left:0.9375rem;background-size:0.390625rem;}
.page-talentlist1 .page-talentlist1ul .li .title .cn {font-size:0.3125rem;}
.page-talentlist1 .page-talentlist1ul .li .title .en {font-size:0.5rem;line-height:0.5rem;}
.page-talentlist1 .page-talentlist1ul .li .title .wz {margin-top:1.09375rem;}
.page-talentlist1 .page-talentlist1ul .li {margin-bottom:0.625rem;}

.page-talentlist1 .page-talentlist1ul .li{ padding:0!important;}
.page-talentlist1 .page-talentlist1ul .li .title{position:static;width:100%!important;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); margin:30px 0;}
}




/*jobListBox*/
.jobListBox{overflow:hidden;margin:0 auto;padding-top:5%;padding-bottom:30px;background:#fff;}
.jobListB{ position:relative;}
/*jobList2*/
.jobList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;margin:0 auto;}
.jobList ul{ display:block; font-size:0; line-height:0; margin:0 -15px;}
.jobList li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:33.3333333%;position:relative; margin-bottom:34px;}
.jobList li a{display:block;border:1px solid #d2d2d2;padding:0px 14px; margin:0 15px;border-radius:5px;}
.jobList li .listTitle{overflow:hidden;display:block;position:relative;}
.jobList li .listTitle .t{ display:block;padding:23px 24px;border-bottom:1px solid #f2f2f2;font-size:20px;color:#000000;line-height:30px;}
.jobList li .listTitle .t .tn{overflow:hidden;position:relative;background:url(../images/talent-plus.png) right top no-repeat;padding-right:30px; background-size:28px;}
.jobList li .m{ height:38px;display:block;width:100%;}
.jobList li .d{font-size:16px;color:#909090;line-height:30px;padding:0 24px; margin-top:30px; margin-bottom:24px;}
.jobList li .text{font-size:16px;color:#474f62;line-height:32px;height:128px;overflow:hidden;padding:0 24px;}
.jobList li .text h3,.jobList li .text p{font-size:16px;color:#474f62;line-height:32px;}

.jobList li .listTitle,.jobList li .listTitle .t,
.jobList li a,.jobList li .listTitle .t,.jobList li .d{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.jobList li a:hover .listTitle .t{ color:#ed713e;}
.jobList li a:hover{background:#f7f7f7;}
@media screen and (max-width: 1220px) {

}
@media screen and (max-width: 1024px) {
.jobList ul{margin:0 -10px;}
.jobList li{margin-bottom:25px;}
.jobList li a{padding:0px 10px; margin:0 10px;}
.jobList li .listTitle .t{padding:20px 20px;font-size:18px;line-height:26px;}
.jobList li .listTitle .t .tn{padding-right:30px; background-size:25px;}
.jobList li .m{ height:35px;}
.jobList li .d{font-size:14px;line-height:28px;padding:0 20px;margin-top:20px;margin-bottom:15px;}
.jobList li .text{font-size:14px;line-height:30px;height:120px;padding:0 20px;}
.jobList li .text h3,.jobList li .text p{font-size:14px;line-height:30px;}
}
@media screen and (max-width: 992px) {
.jobList ul{margin:0 -8px;}
.jobList li{margin-bottom:20px;}
.jobList li a{margin:0 8px;}
.jobList li .m{ height:30px;}
.jobList li .d{font-size:13x;line-height:24px;padding:0 10px;margin-top:10px;margin-bottom:10px;}
.jobList li .listTitle .t{padding:10px 10px;font-size:16px;line-height:26px;}
.jobList li .text{font-size:13px;line-height:26px;height:104px;padding:0 10px;}
.jobList li .text h3,.jobList li .text p{font-size:12px;line-height:26px;}
}
@media screen and (max-width: 768px) {
.jobList li{ width:50%;}
.jobList ul{margin:0 -5px;}
.jobList li{margin-bottom:15px;}
.jobList li a{margin:0 5px;}
.jobListBox{padding-top:50px;padding-bottom:50px;}
.jobList li .listTitle .t .tn{padding-right:25px; background-size:20px;}
.jobList li .listTitle .t{padding:10px 10px;font-size:16px;line-height:26px;}
.jobList li .d{font-size:12px;line-height:28px;padding:0 10px;margin-top:10px;margin-bottom:10px;}
.jobList li .text{font-size:12px;line-height:24px;height:96px;padding:0 10px;}
.jobList li .text h3,.jobList li .text p{font-size:12px;line-height:24px;}
}
@media screen and (max-width: 550px) {
.jobList li .listTitle .t{padding:15px 10px;font-size:14px;}
}
@media screen and (max-width: 370px) {
.jobList li{ width:100%;}
}





/********************************pro2********************************/

/*pro*/
.proTT{font-size:30px;color:#1a202c;line-height:46px; padding-top:20px;}
.proTTB{}
.proTTB2{ padding-top:7%;}
.proTTB2 td{ padding:0 3.571428571428571%}
.proTTB2 td img{ margin-bottom:40px;}
.proTTB2 p{font-size:20px;color:#1a202c;}

.proline{padding-top:7.142857142857143%;padding-bottom:7.142857142857143%;}
hr{ border:none;border-top:1px solid #d6d6d6;}
@media screen and (max-width:1220px) {
.proTTB img{ margin-bottom:20px;}
.proTT,.proTTB2 p{font-size:18px; line-height:normal;}
.proTTB2 td img{ margin-bottom:30px;}
}
@media screen and (max-width:1024px) {
.proTT,.proTTB2 p{font-size:16px;}
}
@media screen and (max-width:768px) {
.proTT,.proTTB2 p{font-size:14px;}
.proTTB2 td{width:100%; display:block!important; padding:3% 0;}
.proTTB2 td img{ margin-bottom:20px;}
}


/*pagexgList*/
.page-line{margin-top:60px; height:1px; border-top:1px solid #e5e5e5;margin-bottom:65px;}
.pagexgList{ padding-bottom:3%;padding-top:5.46875%;}
.pagexgList .xgListul{height:auto; overflow:hidden;margin:0 -8.5px; padding-top:20px;}
.pagexgList .xgListul li{float:left;list-style:none; margin-bottom:19px; width:25%;}
.pagexgList .xgListul li a{ display:block;overflow:hidden; margin:0 8.5px;}
.pagexgList .xgListul li .ImgBox{border:1px solid #e5e5e5;}
.pagexgList .xgListul li .ImgBox img{max-width:100%;max-height:100%;width:100%; display:block;}
.pagexgList .xgListul li .tt{font-size:16px;color:#000000;line-height:34px;text-align:center; padding:15px 0;}
@media screen and (max-width:1220px) {
.pagexgList .xgListul li .tt{font-size:16px;line-height:30px;padding:15px 0;}	
}
@media screen and (max-width:1024px) {
.page-line{margin-top:50px;margin-bottom:50px;}
.pagexgList .xgListul{padding-top:0px;}
.pagexgList .xgListul li .tt{font-size:14px;line-height:28px;padding:10px 0;}
}
@media screen and (max-width:768px) {
.page-line{margin-top:30px;margin-bottom:30px;}
.pagexgList .xgListul li{ width:50%;margin-bottom:10px;}
.pagexgList .xgListul{margin:0 -5px;}
.pagexgList .xgListul li a{margin:0 5px;}
.pagexgList .xgListul li .tt{font-size:14px;line-height:26px;padding:10px 0;}
}


/*page-pro2FB*/
.page-pro2FB{padding:6.428571428571429% 0;  margin:0 auto;background-repeat:no-repeat; background-position:center TOP;background-size:100%;}
.page-pro2FBBOX{background:url(../images/pro2-fbbg.jpg) center top no-repeat;max-width:1580px;margin:0 auto;}
.page-pro2FB .fbimg{width:41.13924050632911%;}
.page-pro2FB .fbWZ{width:22.78481012658228%;background:#ed713e; color:#fff; vertical-align:middle;}
.page-pro2FB .fbWZ .fbWZBOX{ padding:30PX 16%;}
.page-pro2FB .fbWZ .fbtit{font-size:22px; text-align:center; margin-bottom:30px;}
.page-pro2FB .fbWZ .fbnum{font-size:58px; text-align:center; font-weight:bold; line-height:normal;vertical-align:top;margin-bottom:20px;}
.page-pro2FB .fbWZ .fbnum .num{font-size:22px;vertical-align:top; display:inline-block;padding-top:10px; margin-right:14px;}
.page-pro2FB .fbWZ .fbzz{font-size:16px;}
.page-pro2FB .fbWZ .fbzz .p1{padding-left:23px;background-image:url(../images/pro1-jisuan-i1.png); background-repeat:no-repeat; background-position:left center; background-size:18px;}
.page-pro2FB .fbWZ .fbzz .p2{padding-left:23px;background-image:url(../images/pro1-jisuan-i2.png); background-repeat:no-repeat; background-position:left center; background-size:18px;}
.page-pro2FB .fbWZ .fbzz .p3{padding-left:23px;background-image:url(../images/pro1-jisuan-i3.png); background-repeat:no-repeat; background-position:left center; background-size:18px;}

.page-pro2FB .fbfrom{width:36.07594936708861%;background:url(../images/pro1-jisuanbg2.jpg) right bottom no-repeat #231815;}
@media screen and (max-width:1500px) {
.page-pro2FB .fbWZ .fbtit{font-size:20px;margin-bottom:25px;}
.page-pro2FB .fbWZ .fbnum{font-size:52px;margin-bottom:15px;}
.page-pro2FB .fbWZ .fbnum .num{font-size:20px;padding-top:10px; margin-right:10px;}
}
@media screen and (max-width:1320px) {
.page-pro2FB .fbWZ .fbtit{font-size:18px;margin-bottom:20px;}
.page-pro2FB .fbWZ .fbnum{font-size:48px;margin-bottom:10px;}
.page-pro2FB .fbWZ .fbnum .num{font-size:18px;padding-top:8px; margin-right:8px;}
.page-pro2FB .fbWZ .fbzz{font-size:14px;}
}
@media screen and (max-width:1220px) {
.page-pro2FB .fbWZ .fbtit{font-size:16px;margin-bottom:15px;}
.page-pro2FB .fbWZ .fbnum{font-size:42px;margin-bottom:10px;}
.page-pro2FB .fbWZ .fbnum .num{font-size:16px;padding-top:8px; margin-right:8px;}
}
@media screen and (max-width:1150px) {
.page-pro2FB .fbWZ .fbtit{font-size:16px;margin-bottom:15px;}
.page-pro2FB .fbWZ .fbnum{font-size:38px;margin-bottom:10px;}
.page-pro2FB .fbWZ .fbnum .num{font-size:16px;padding-top:8px; margin-right:8px;}
}
@media screen and (max-width:992px) {
.page-pro2FB .fbWZ .fbnum{font-size:30px;margin-bottom:10px;}
}
@media screen and (max-width:768px) {
.page-pro2FB .fbWZ .fbnum{font-size:26px;margin-bottom:10px;}

.page-pro2FB .fbfrom,
.page-pro2FB .fbimg{width:100%; display:block!important;}
.page-pro2FB .fbWZ{display:block!important;width:100%;background:#ed713e; color:#fff; vertical-align:middle;}
.page-pro2FB .fbWZ .fbWZBOX{max-width:230px; margin:0 auto; }
}



/*profbBox*/
.profbBox{padding:30px 3% 30px 3%;font-size:14px;color:#fff;line-height:52px; max-width:374px; margin:0 auto; }
.profb{font-size:16px;color:#7d7e8d;line-height: 30px;text-align:left;padding:0;}
.profb .t{ display:block;}
.profb .l1{display:block;position:relative;}
.profb .text{display:block;width: 100%;padding:0 25px;height:52px;margin-bottom:14px;outline:none;font-size:15px;color:#595959;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-radius:0;background:#fff;text-align:left; position:relative;}
.profb .text2{display:block;width:100%!important;padding:15px 25px;height:140px;margin-bottom:14px;outline:none;font-size:15px;color:#595959;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-radius:0;text-align:left;background:#fff;}
.profb .getcode{display:block;width:50%;padding:0 25px;height:52px;margin-bottom:0; float:left;outline:none;font-size:15px;color:#595959;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-radius:0;background:#fff;text-align:left;max-width:155px;}
.profb .inputbtn{display:block;color:#fff;font-size:16px;width:100%;line-height:40px; margin-top:30px;background:#fa4616;overflow: hidden; max-width:123px; border-radius:40px;}
.profb .getbtntd .inputbtn{margin-top:10px;}
.profb .inputbtn:hover{color:#fff;background:#ed713e;}
.profb .l1Box{ position:relative;}
.profb .getcodetd img{ float:left; width:79px; margin:15px 13px;}
.profb .getcodetd .kk{line-height:52px;}
@media screen and (max-width:1520px){	
}
@media screen and (max-width:1220px){	
.profbBox{margin-bottom:80px;}
.profb .getcode{ width:30%;}
.profb{font-size:14px;}
}
@media screen and (max-width:992px){	
.profbBox{margin-bottom:60px;}
.profbBox{padding:55px 30px 50px 30px;}
.profb{margin:0;}
.profb .l1Box{margin:0 auto;}

.profb .text{padding:0 20px;height:50px;font-size:14px;}
.profb .text2{padding:15px 20px;height:110px;margin-bottom:10px;font-size:14px;}
.profb .getcode{padding:0 20px;height:50px;font-size:14px;}
.profb .inputbtn{font-size:14px;line-height:50px; margin-top:50px;}
}
@media screen and (max-width:768px){
.profbBox{margin-bottom:50px;}
.profb .l3{ text-align:center;}	
.profb .text{padding:0 15px;height:45px;font-size:14px;}
.profb .text2{padding:15px 15px;height:110px;margin-bottom:10px;font-size:14px;}
.profb .getcode{padding:0 15px;height:45px;font-size:14px;}
.profb .inputbtn{font-size:14px;line-height:45px; margin-top:40px;}
}



/********************************pro1********************************/

/*pageProList*/
.pageProList{ padding-top:75px;}
.pageProList li{margin-bottom:115px;}
.pageProList .nei{position:relative;}
/*img-box*/
.pageProList .img-box{width:57.73809523809524%;text-align:center;position:relative; height:100%;float:left;}
.pageProList .img-box video{width:80%;height:100%;object-fit:cover;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pageProList .img-box .img{width:100%;height:auto;padding-bottom:51.54639175257732%;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pageProList .img-box .img img{max-width:none;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;}
.pageProList .img-box .img video{position:absolute;left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover;}
/*text-box*/
.pageProList .text-box{padding-top:10%;height:auto;position: absolute;left:57.73809523809524%;top:0;}
.pageProList .text-boxNr{position:relative;margin-left:17.5%;display:inline-block; width:auto;padding-right:64px;background-image:url(../images/page3-line.png); background-position:right top; background-repeat:no-repeat; background-size:90px;}
.pageProList .num{font-size:59px;color:#333333;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700; text-transform:uppercase; font-style:italic; margin-bottom:25PX; display:inline-block;}
.pageProList .line{width:90px; height:1px; background:#ed713e;overflow:hidden;position: absolute;top:50%;left:0;}
.pageProList .desc{padding:0; font-size:18px; line-height:32px;overflow:hidden;color:#474f62; max-width:70%; padding-left:110PX; position:relative;display:inline-block;}

.pageProList .bline{position: absolute;bottom:0;right:0; width:100%; text-align:right; padding-bottom:24px;}
.pageProList .bline:after{ content:''; width:97px;height:6px;background:#f08519; margin:0;display:block;position:absolute;bottom:0;right:0;}
.pageProList .bline span{padding:0;font-size:20px;line-height:normal;overflow:hidden;color:#d8d8d8; display:block; text-transform:uppercase;margin-bottom:20px; }
/*2n*/
.pageProList li:nth-child(2n) .img-box{ float:right;}
.pageProList li:nth-child(2n) .text-box{right:auto; left:0;}
.pageProList li:nth-child(2n) .text-box .text-boxNr{margin-left:16.66666666666667%;margin-right:8.3%;}
@media screen and (max-width:1520px){
.pageProList{ padding-top:70px;}
.pageProList li{margin-bottom:110px;}
.pageProList .num{font-size:38px;left:15px;}
.pageProList .desc{font-size:17px;line-height:30px;}
}
@media screen and (max-width:1320px){
.pageProList{ padding-top:65px;}
.pageProList li{margin-bottom:100px;}
.pageProList .num{font-size:36px;left:14px;}
.pageProList .desc{font-size:16px;line-height:28px;}
}
@media screen and (max-width:1220px){
.pageProList{ padding-top:50px;}
.pageProList li{margin-bottom:90px;}
.pageProList .text-boxNr{margin-left:50px;}
.pageProList .num{font-size:32px;left:14px;}
.pageProList .desc{font-size:14px;line-height:26px;}
}
@media screen and (max-width:1044px){
.pageProList{ padding-top:40px;}
.pageProList li{margin-bottom:70px;}

.pageProList .text-boxNr{margin-left:50px;margin-left: 10%;}
.pageProList li:nth-child(2n) .text-box .text-boxNr{margin-left:10%;margin-right:6%;}
.pageProList .num{font-size:30px;left:14px;}
.pageProList .desc{font-size:13px;line-height:26px;}
.pageProList .text-box{padding-top:8%;}
.pageProList .desc{max-width:80%;}
}
@media screen and (max-width:992px){
.pageProList{ padding-top:30px;}
.pageProList li{margin-bottom:50px;}

.pageProList .text-boxNr{padding-left:80px;}
.pageProList .num{font-size:28px;left:14px;}
.pageProList .desc{font-size:12px;line-height:26px;}

.pageProList .text-boxNr{margin-left:40px;margin-left:5%;}
.pageProList li:nth-child(2n) .text-box .text-boxNr{margin-left:5%;margin-right:5%;}
.pageProList .text-box{padding-top:5%;}
.pageProList .desc{max-width:90%;}
}
@media screen and (max-width:768px){
	.pageProList .img-box{width:100%!important;float:none!important;}
    .pageProList .text-box{width:100%!important;float:none!important;position:static;right: 0;top:0;}
.pageProList .num{ display:block;margin-bottom:10PX;} 
.pageProList .desc{max-width:100%;}
.pageProList .text-boxNr{ background-size:50px;}



}



/*pageNav3*/
.pageNav3{text-align:center; padding-top:20px;margin-bottom:20px;}
.pageNav3 ul{ margin:0 auto; font-size:0; display:inline-block; max-width:1200px; text-align:center;}
.pageNav3 li{ display:inline-block;*display:inline;zoom:1;margin-bottom:27px;}
.pageNav3 li a{display:block; color:#7d7e8d; margin:0 6px;background:#fff;width:180px; border-radius:48px;line-height:48px;font-size:16px;}
.pageNav3 li a span{ display:inline-block;position:relative; z-index:2;}
.pageNav3 li a:hover{background:#ed713e;color:#fff;}
.pageNav3 li .on{background:#ed713e;color:#fff;}
@media screen and (max-width:1220px){
.pageNav3{padding-top:25px; margin-bottom:25px;}
.pageNav3 li a{margin:0 15px;width:120px;line-height:40px;font-size:15px;}
}
@media screen and (max-width:1024px){
.pageNav3{padding-top:20px; margin-bottom:20px;}
.pageNav3 li{margin-bottom:15px;}
.pageNav3 li a{margin:0 10px;width:100px;line-height:36px;font-size:14px;}
}
@media screen and (max-width:992px){
.pageNav3{padding-top:15px; margin-bottom:15px;}
.pageNav3 li{margin-bottom:10px;}
.pageNav3 li a{margin:0 5px;width:auto;padding:0 15px;line-height:30px;font-size:12px;}
}

@media screen and (max-width:768px){
/*.pageNav3 {padding-top:0.3125rem;margin-bottom:0.3125rem;}
.pageNav3 li{margin-bottom:10px;}
.pageNav3 li a {margin:0 0.2rem;padding:0 0.2rem;width:auto;line-height:0.5625rem;font-size:0.21875rem;}*/
}


/*pageNav3*/
.pageNav33{text-align:center; padding-top:20px;margin-bottom:20px;}
.pageNav33 ul{ margin:0 auto; font-size:0; display:inline-block; max-width:1400px; text-align:center;}
.pageNav33 li{ display:inline-block;*display:inline;zoom:1;margin-bottom:27px;}
.pageNav33 li a{display:block; color:#7d7e8d; margin:0 6px;background:#F2F2F4;width:180px; border-radius:48px;line-height:48px;font-size:16px;}
.pageNav33 li a span{ display:inline-block;position:relative; z-index:2;}
.pageNav33 li a:hover{background:#ed713e;color:#fff;}
.pageNav33 li .on{background:#ed713e;color:#fff;}
@media screen and (max-width:1220px){
.pageNav33{padding-top:25px; margin-bottom:25px;}
.pageNav33 li a{margin:0 15px;width:120px;line-height:40px;font-size:15px;}
}
@media screen and (max-width:1024px){
.pageNav33{padding-top:20px; margin-bottom:20px;}
.pageNav33 li{margin-bottom:15px;}
.pageNav33 li a{margin:0 10px;width:100px;line-height:36px;font-size:14px;}
}
@media screen and (max-width:992px){
.pageNav33{padding-top:15px; margin-bottom:15px;}
.pageNav33 li{margin-bottom:10px;}
.pageNav33 li a{margin:0 5px;width:auto;padding:0 15px;line-height:30px;font-size:12px;}
}
@media screen and (max-width:768px){
/*.pageNav33 {padding-top:0.3125rem;margin-bottom:0.3125rem;}
.pageNav33 li{margin-bottom:10px;}
.pageNav33 li a {margin:0 0.2rem;padding:0 0.2rem;width:auto;line-height:0.5625rem;font-size:0.21875rem;}*/
}




/*pagexgList1*/
.pagexgList1{ padding:3% 1.785714285714286%;padding-bottom:4.761904761904762%;padding-top:5.46875%; margin-bottom:8.3%; background:#f2f2f4;}
.pagexgList1 .xgListul{height:auto; overflow:hidden;margin:0 -10px; padding-top:20px; font-size:0;}
.pagexgList1 .xgListul li{display:inline-block;*display:inline;zoom:1;list-style:none; margin-bottom:19px; width:25%;}
.pagexgList1 .xgListul li a{display:block;overflow:hidden; margin:0 10px; background:#fff; position:relative;}
.pagexgList1 .xgListul li .ImgBox{}
.pagexgList1 .xgListul li .ImgBox img{max-width:100%;max-height:100%;width:100%; display:block;}
.pagexgList1 .xgListul li .tt{font-size:16px;color:#000000;line-height:34px;text-align:center;/* position:absolute; bottom:30px; left:0;right:0;*/ padding:15px 0;}
@media screen and (max-width:1220px) {
.pagexgList1 .xgListul li .tt{font-size:16px;line-height:30px;bottom:15px;}
}
@media screen and (max-width:1024px) {
.pagexgList1 .xgListul li{ width:33.33333%;}
.pagexgList1 .xgListul{padding-top:0px;}
.pagexgList1 .xgListul li .tt{font-size:14px;line-height:28px;bottom:10px;}
}
@media screen and (max-width:768px) {
.pagexgList1 .xgListul li{ width:50%;margin-bottom:10px;}
.pagexgList1 .xgListul{margin:0 -5px;}
.pagexgList1 .xgListul li a{margin:0 5px;}
.pagexgList1 .xgListul li .tt{font-size:14px;line-height:26px;bottom:5px;}
}








/*load-more__btn*/
.load-more__btn{text-align:center;padding-top:6.5%;cursor:pointer;display:block; }
.load-more__btn span{text-align:center;position:relative; display:inline-block;background:#f2f2f4;width:150px;font-size:14px;line-height:40px;height:40px;border-radius:5px;overflow:hidden;color:#595959;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s; border:1px solid #dcdce0;}
.load-more__btn span:hover{ background:#dd540f;color:#fff;}
@media screen and (max-width:1250px){.load-more__btn span{width:140px;}}
@media screen and (max-width:768px){.load-more__btn span{line-height:35px;height:35px;}	}







/*probanner*/
.probanner{ position:relative; padding-top:160px;}
.probanner .swiper-slide { color: #fff; } 
.probanner .swiper-slide img{width: 100%;}
.probanner .swiper-slide a{ display: block; width: auto; height: 100%; }
.probanner .probanner-pagination{text-align:center; left: 0; right:0; width:100%; bottom:2%!important; z-index:100; position: absolute;} 
.probanner .swiper-pagination-bullet { opacity: 1!important; width:6px; height:6px; text-align: center;border:2px solid #fff;background:transparent;border-radius:50%;margin:0 3px!important; } 
.probanner .swiper-pagination-bullet-active {background:#fff;border-color:#fff;} 

/********************************end********************************/









/********************************jobList弹窗********************************/


/*jobList弹窗*/
body.is-visible {overflow:hidden;}
.cd-quick-viewBg{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;background:rgba(0, 0, 0, 0.8); z-index:1900}
.cd-quick-viewBg.overlay-layer{visibility: visible;opacity: 1;-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-quick-view{display: block;position:fixed;width:90%; max-width:1650px; height:85%;/*max-height:80%;overflow-x: hidden;overflow-y: scroll; margin-top:40px;*/left:0;right:0; margin:auto auto;visibility: hidden;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hiddbackface-visibility: hidden;will-change: left, top;z-index: 1;z-index:101;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); z-index:1901}
/*.cd-quick-view::-webkit-scrollbar{width:5px;height:4px;background-color:#373239;}
.cd-quick-view::-webkit-scrollbar-thumb{ background-color:#888;}*/	
.cd-quick-view:after{content: "";display: table;clear: both;}
.cd-quick-view.is-visible{visibility: visible;}
.cd-quick-view{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);-webkit-transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;transition: box-shadow 0.3s;}
/**/
.cd-item-info{width:100%; height:100%;background-color:#fff; position:relative;top:0;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s, visibility 0s;-moz-transition: opacity .3s, visibility 0s;transition: opacity .3s, visibility 0s;}
.cd-item-info .cd-item-infoB{padding:0 40px;max-height:100%; overflow-y:scroll; position:relative;border-top:2px solid #ed713e;}
.cd-item-info .cd-item-infoB::-webkit-scrollbar{width:5px;height:4px;background-color:#fff;}
.cd-item-info .cd-item-infoB::-webkit-scrollbar-thumb{ background-color:#888;}	
.cd-item-info .cd-item-infoWz{padding-top:24px; padding-bottom:40px;/*padding-left:50%; position:relative;*/ position:relative;}
.cd-item-info .cd-item-img{ margin-bottom:30px;/* position:fixed; left:0;right:0; width:40%;*/}
.cd-item-info .cd-item-img img{ max-width:100%;}
.cd-item-info .cd-item-tit{font-size:20px; line-height:30px;color: #ed713e;padding-right:30px;line-height:normal;border-bottom:1px solid #f2f2f2;padding-bottom:25px;margin-bottom:25px;}
.cd-item-info .cd-item-date{ font-size:16px;line-height:30px;color:#909090; font-family:Arial, Helvetica, sans-serif;}
.cd-item-info .cd-item-Text{ font-size:16px; line-height:34px;color: #333333;padding-bottom:70px;}
.cd-item-info .cd-item-Text h3,
.cd-item-info .cd-item-Text p{ font-size:16px; line-height:32px;color: #333333;}
.cd-item-info .cd-item-Text h3{ margin-bottom:15px; font-weight:600;}
/*cd-item-em*/
.cd-item-info .cd-item-em{padding:40px 40px; background:#f8f8f8; }
.cd-item-info .cd-item-em a{ display:inline-block;padding-left:60px;background:url(../images/talent-icon.png) no-repeat left center; background-size:40px;font-size:16px; line-height:30px;color:#909090;}
.cd-item-info .cd-item-em .en{font-size:20px;color:#7d7e8d;line-height:normal;text-transform:uppercase;font-family: 'Geometric 415', Arial, Helvetica, sans-serif;font-weight:700;}

.is-visible .cd-item-info{position: relative;visibility: visible;opacity: 1;}
.is-visible .cd-item-info .cd-item-action{-webkit-animation: cd-slide-in 0.5s;-moz-animation: cd-slide-in 0.5s;animation: cd-slide-in 0.5s;}

.cd-item-info{-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;-webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);}
.is-visible .cd-item-info{-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
@-webkit-keyframes cd-slide-in{0%{-webkit-transform: translate3d(-40px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0);}}
@-moz-keyframes cd-slide-in{0%{-moz-transform: translate3d(-40px, 0, 0);}100%{-moz-transform: translate3d(0, 0, 0);}}
@keyframes cd-slide-in{0%{-webkit-transform: translate3d(-40px, 0, 0);-moz-transform: translate3d(-40px, 0, 0);-ms-transform: translate3d(-40px, 0, 0);-o-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}


/*cd-close*/
.cd-close{position: absolute;top:24px;right:40px;display: inline-block;width: 30px;height: 30px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;-moz-transition: -moz-transform .3s 0s, visibility 0s .3s;transition: transform .3s 0s, visibility 0s .3s; background-color:#ed713e; border-radius:50%;background:url(../images/colse2.png) no-repeat center center; background-size:28px; z-index:999;}
.cd-close:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
@media(max-width: 1024px) {
.cd-item-info .cd-item-infoWz{padding-top:20px;padding-bottom:25px;}
.cd-item-info .cd-item-img{ margin-bottom:30px;}
.cd-item-info .cd-item-img img{ max-width:100%;}
.cd-item-info .cd-item-tit{font-size:20px; line-height:30px;margin-bottom:20px;padding-bottom:20px;}
.cd-item-info .cd-item-Text{font-size:14px; line-height:30px;margin-bottom:30px;padding-bottom:30px;}
.cd-item-info .cd-item-Text p{ font-size:14px; line-height:30px;}
.cd-item-info a{font-size:14px;line-height:30px;}

.cd-item-info .cd-item-em{padding:30px 30px;}
.cd-item-info .cd-item-em a{padding-left:50px; background-size:35px;font-size:14px; line-height:26px;}
.cd-item-info .cd-item-em .en{font-size:14px;}
.cd-item-info .cd-item-infoB{padding:0 30px;}
}
@media(max-width: 992px) {
.cd-item-info .cd-item-em{padding:20px 25px;}
.cd-item-info .cd-item-infoB{padding:0 20px;}
.cd-close{top:20px;right:20px;}
}


/********************************end********************************/





/*indexProduct*/
.indexProBox .index-Prolist{float:left;width:50%;height:auto; overflow:hidden; position:relative;}
.indexProBox .index-Prolist .index-ProlistImg{ width:100%; height:100%; font-size:0;}
.indexProBox .index-Prolist .proimg{width:100%;height:auto;padding-bottom:93.75%;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.indexProBox .index-Prolist .proimg img{max-width:none;margin:0 auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:100%;width:100%;object-fit:cover;}
.indexProBox .index-Prolist:hover .proimg img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);}
.indexProBox .index-Prolist,
.indexProBox .index-Prolist .proimg,.indexProBox .index-Prolist,.indexProBox .index-Prolist .proimg img{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
/**/
.indexProBox .index-Prolist .index-proImgB{ position:absolute; left:50%;top:0;width:50%;padding-bottom:93.8%;object-fit:cover;overflow:hidden; z-index:2; overflow:hidden;}
.indexProBox .index-Prolist .index-proImgB .index-proImg{width:100%; height:100%;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.indexProBox .index-Prolist .index-proImg img{max-width:none;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;}
.indexProBox .index-Prolist .index-proImgB .index-proImg.h{visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.indexProBox .index-Prolist .index-proImgB .index-proImg.w{visibility:visible;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
/**/
.indexProBox .index-Prolist.on .index-proImgB .index-proImg.h{visibility:visible;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.indexProBox .index-Prolist.on .index-proImgB .index-proImg.w{visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
@media(max-width: 992px) {
.indexProBox .index-Prolist{float:none;width:100%;}
}














/*ind-banner*/
.bannershadow{background-color:#000;position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.ind-banner{width: 100%; overflow: hidden; position:relative;} 
.ind-banner h3{ position:absolute;right:5.5%; bottom:10%;  z-index:3;}
.ind-banner .shipin:after{ content:''; width:100%; height:100%;position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;background-image:url(../images/dot50.png); background-repeat:repeat;}
.ind-banner .swiper-slide { color: #fff; background:#000; } 
.ind-banner .swiper-slide .bannershadow{/* background:url(../images/dot50.png) repeat;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;*/filter:alpha(opacity=50); -moz-opacity:0.4; -khtml-opacity:0.5; opacity:0.5;}
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;position: relative; z-index:2;}
.ind-banner .swiper-slide .img{ display: block; width: 100%; height: 100%; position:relative; min-height:790px; height:73.14814814814815vh;}
.ind-banner .swiper-slide .img .shipin {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow:hidden;}
.ind-banner .swiper-slide .img video {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}

.ind-banner .swiper-pagination{width:50px;text-align:left; left:3%;top:50%; bottom:auto;-webkit-transform:translateY(-50%); transform:translateY(-50%);z-index:10; display:none;} 
.ind-banner .swiper-pagination-bullet {opacity: 1!important; width:30px; height:3px;background:#fff; cursor:pointer;text-align:center;border:none;border-radius:0;margin:10px 0px!important; } 
.ind-banner .swiper-pagination-bullet-active {width:50px;background:#fff;} 
.ind-banner .ban1 .txtDiv{ position: absolute; left: 12%; margin-left: 0px; top: 50%; height: 270px; margin-top: -135px;}
.ind-banner .ban1 .txt1{ font-size: 0.24rem; padding-bottom: 0.16rem; line-height: 0.24rem; color:#fff; position: relative;} 
.ind-banner .ban1 .txt2{ font-size: 0.52rem; color: #fff; font-weight: bold; text-transform: uppercase;} 
.ind-banner .ban1 .btnDiv{ text-transform: uppercase; margin-top: 0.25rem; width: 1.53rem; height: 0.38rem; font-weight: bold; border: #fff solid 2px; text-align: center; color: #fff; line-height: 0.38rem;}
.ind-banner .swiper-button-prev{position:absolute; top:50%;width:40px; height:40px;left: 3%; margin-top: -44px;/*background: url(../images/s1.png) center no-repeat;*/border-radius: 50%;opacity:0; filter:Alpha(opacity=0);    -webkit-transition: .2s ease-out;
    transition: .2s ease-out; background-size:30px; display:none;} 
.ind-banner .swiper-button-next{position:absolute; top:50%;width:40px; height:40px;right: 3%; margin-top: -44px;/*background: url(../images/s.png) center no-repeat;*/border-radius: 50%;opacity:0; filter:Alpha(opacity=0);    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;background-size:30px; display:none;} 
.ind-banner:hover .swiper-button-prev,
.ind-banner:hover .swiper-button-next{opacity:1; filter:Alpha(opacity=100);} 
.ind-banner .swiper-button-prev:hover,
.ind-banner .swiper-button-next:hover{width:45px; height:45px;}
@media screen and (max-width:1024px){
.ind-banner .swiper-slide .img img{position: absolute;top:50%; left:0; margin:auto auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
}
@media screen and (max-width:992px){
/*	.ind-banner{ display:none;}
	.bannerTel{ display:block;}*/
	
}
@media screen and (max-width:768px){
.ind-banner .swiper-slide .img{min-height:180px; height:640px;width:960px;}
.ind-banner h3 img{ width:8px;}
.ind-banner .shipin:before{display:block;content: "";position: absolute;width:35px;height:35px;left: 4.5%;top: 80%;margin-top:-15px;background:url(../images/v-btn.png) no-repeat center center;background-size:100%;}
}
@media screen and (max-width:640px){
.ind-banner .swiper-slide .img{height:100vw;}
.ind-banner .swiper-slide .img img{ width:150vw;}
.ind-banner h3 img{ width:6px;}
.ind-banner .shipin:before{/*width:4.6875vw;height:4.6875vw;margin-top:-2.34375vw;*/}
}


/*ind-banner .title*/
.ind-banner .titleWzBox{position: absolute;top:50%;left:0;right:0; margin:0 auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;z-index:1;}
.ind-banner  .indexT{ text-align:left; position:relative;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.ind-banner  .indexT .cn{ color:#fff;font-size:76px;padding-bottom:0.8%;padding-top:1.2%; position:relative;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.ind-banner  .indexT .tt1{color:#cecfd0; font-size:18px; font-weight:100;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.ind-banner  .indexT .en{ color:#fff; font-size:20px;letter-spacing:-1px; text-transform:uppercase;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;padding-right:37px;background-image:url(../images/page3-line.png); background-position:right center; background-repeat:no-repeat; background-size:24px;}
.ind-banner  .indexT .wz{ color:#fff; font-size:30px;max-width:100%;padding-bottom:5%;}
.ind-banner  .indexT .line{width:84px;height:5px;background:#5761fd;margin-top:17px;}
.ind-banner  .btn-view{ margin-top:0;}
@media screen and (max-width:1680px) {
.ind-banner  .indexT .cn{font-size:72px;}
.ind-banner  .indexT .tt1{font-size:17px;}
.ind-banner  .indexT .en{font-size:19px;}
.ind-banner  .indexT .wz{font-size:28px;}
.ind-banner  .indexT .line{width:80px;height:5px;margin-top:16px;}
}
@media screen and (max-width:1520px) {
.ind-banner  .indexT .cn{font-size:70px;}
.ind-banner  .indexT .tt1{font-size:16px;}
.ind-banner  .indexT .en{font-size:18px;}
.ind-banner  .indexT .wz{font-size:26px;}
.ind-banner  .indexT .line{width:75px;height:4px;margin-top:15px;}
}
@media screen and (max-width:1320px) {
.ind-banner  .indexT .cn{font-size:65px;}
.ind-banner  .indexT .tt1{font-size:16px;}
.ind-banner  .indexT .en{font-size:18px;letter-spacing:0px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:75px;height:4px;margin-top:15px;}	
}
@media screen and (max-width:1220px) {
.ind-banner  .indexT .cn{font-size:60px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:70px;height:3px;margin-top:13px;}	
}
@media screen and (max-width:1024px) {
.ind-banner  .indexT .cn{font-size:55px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:60px;height:2px;margin-top:10px;}	
}
@media screen and (max-width:992px) {
.ind-banner  .indexT .cn{font-size:50px;}
.ind-banner  .indexT .wz{font-size:20px;}
.ind-banner  .indexT .line{width:50px;}
}
@media screen and (max-width:768px) {
.ind-banner  .indexT{}
.ind-banner  .indexT .cn{font-size:40px;}
.ind-banner  .indexT .wz{font-size:18px;}
.ind-banner  .indexT .tt1{font-size:14px;}
.ind-banner  .indexT .en{font-size:16px;letter-spacing:0px;}

.ind-banner  .indexT .line{width:30px;height:2px;margin-top:10px;}
}
@media screen and (max-width:640px) {
.ind-banner  .indexT .cn{font-size:30px;}
.ind-banner  .indexT .wz{font-size:16px;}
.ind-banner  .indexT .tt1{font-size:12px;}
.ind-banner  .indexT .en{font-size:14px;letter-spacing:0px;}
}
@media screen and (max-width:551px) {
.ind-banner  .indexT .cn{font-size:28px;padding-top:1.2%;padding-bottom:0%;}
.ind-banner  .indexT .wz{padding-bottom:3%;}
.ind-banner  .indexT .wz{font-size:14px;}

}
@media screen and (max-width:430px) {
.ind-banner  .indexT .cn{font-size:26px;padding-top:1.2%;}
.ind-banner  .indexT .wz{padding-bottom:3%;}
}


/*btn-view2*/
.btn-view2{ text-align:left; margin-top:20px;}
.btn-view2 a{ display:inline-block!important;color: #fff;cursor: pointer;font-size:16px;font-weight: 400;line-height:46px;padding:0 22px;position: relative;text-decoration: none;background:#ed713e;overflow:hidden;border-radius:50px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;text-align:left; text-transform:uppercase;font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; width:122px!important;}
.btn-view2 a span{display:block;-webkit-transition:all .4s;transition:all .4s}
.btn-view2 a:after{content:"";position:absolute;height:100%;width:30px; right:22px;top:0;background-image:url(../images/index-m.png);background-position:center center;background-repeat:no-repeat; background-size:29px;-webkit-transition:all .4s;transition:all .4s}
.btn-view2 a:hover{color:#fff;background:#fa9040;}
.btn-view2 a:hover:after{right:10px;}
@media screen and (max-width:1220px) {
.btn-view2{margin-top:20px;}
}
@media screen and (max-width:1024px) {
.btn-view2{margin-top:15px;}	
.btn-view2 a{font-size:14px;width:135px!important;line-height:40px;}	
}
@media screen and (max-width:992px) {
.btn-view2{margin-top:15px;}
.btn-view2 a{font-size:14px;width:130px!important;line-height:40px;}
}
@media screen and (max-width:768px) {
.btn-view2 a{font-size:14px;width:100px!important;line-height:40px;}
.btn-view2 a:after{background-size:20px;}
}




/*banner_mouse*/
.banner-mouse{ position: absolute;bottom:3%;right:6.25%;z-index: 9;  width: 10px;height: 155px;cursor:pointer;background:url(../images/banner-v.png) no-repeat center 0px;background-size:12px;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;}
/*banner_mouse css3*/
@-webkit-keyframes trackBallSlide{0%{opacity: 1;-webkit-transform:translateY(-8px);transform:translateY(-8px);}34%{opacity: 1;-webkit-transform: translateY(4px);transform:translateY(4px);}68%{opacity:1;-webkit-transform: translateY(16px);transform:translateY(16px);}100%{opacity:1;-webkit-transform:translateY(-8px);transform:translateY(-8px);}}
@keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform:translateY(4px);transform:translateY(4px);}68%{opacity:1;-webkit-transform: translateY(16px);transform:translateY(16px);}100%{opacity:1;-webkit-transform:translateY(-8px);transform:translateY(-8px);}}
@media screen and (max-width:768px){
.banner-mouse{width:8px;height:100px;background-size:8px;}
}